@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
	
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background-color:#fff;
}

::-webkit-scrollbar-thumb {
	background-color:#dbdbdb;
}

::-webkit-scrollbar-button {
	background-color:none;
}

::-webkit-scrollbar-corner {
	background-color:#f7cfe0;
}		
	
@font-face{
	font-family:SOR_LT;                
	src:url('type/SourceHanSansTC-Light.otf');
}                                         /*-------------TC/SC-----------------*/
	
@font-face{
	font-family:SOR_RE;                 
	src:url('type/SourceHanSansTC-Regular.otf');
}                                         /*-------------TC/SC-----------------*/
	
@font-face{
	font-family:SIM_O;                  
	src:url('type/SIMPFXO_0.TTF');
}                                          /*-------------PER-----------------*/
	
@font-face{
	font-family:GUL_O;                  
	src:url('type/gulim_0.ttc');
}	                                       /*-------------KOR-----------------*/	
	
@font-face{
	font-family:GEN_RE;                  
	src:url('type/GenJyuuGothicL-Regular.ttf');
}				                            /*-------------JP-----------------*/
	
	
@font-face{
	font-family:GEN_LI;                  
	src:url('type/GenJyuuGothicL-Light.ttf');
}	                                        
	
@font-face{
	font-family:ZAW;                  
	src:url('type/ZawgyiOne_0.ttf');           /*-------------MYAN-----------------*/
	src:url('type/ZawgyiOne_0.eot');           /*-------------MYAN-----------------*/	
}	

/*------------------------------------------All--------------------------------------------*/
	
/*-------------------------------------------header------------------------------------------*/	

body{
	background-color:#FFF;
	font-size:13px;
}

#WAPPER{
	width:100%;
	height:auto;
	position:relative;
}

/*-----------------------------------Side-----------------------------------*/

#SIDE{
	clear:both;
	width:120px;
	height:auto;
	background-color:rgb(0,204,255);
	background-color:rgba(0,204,255,0.6);
	border-radius:0px 20px 20px 0px ;
	position:fixed;
	top:36%;
	left:-100px;
	z-index:9999;
}

#SIDE h6{
	width: 120px;
	height: 22px;
	color: #fff;
	background-color:rgba(0,51,102,0.7);
	font-size: 14px;
	line-height: 22px;
	padding:10px 0 30px 10px;
	text-align: center;
	border-radius:0px 20px 0px 0px ;
}	
	
#SIDE ul{
	list-style:none;
	padding:10px 10px 10px 45px;
}
	
#SIDE li{
	display:block;
	width:42px;
	height:52px;
	border-top:1px solid #bcfefd;
}	
	
#SIDE li:first-child {
	border-top:none;
}	
	
#SIDE li a{
	display:block;
	width:42px;
	height:52px;
	background-position:center 4px;
	background-repeat:no-repeat;
}	
	
#SIDE li .fb{ background-image:url(images/desktop/FB_link.png);}	
#SIDE li .yt{ background-image:url(images/desktop/yotube_link.png);}	
#SIDE li .tw{ background-image:url(images/desktop/tw_link.png);}
#SIDE li .shop{background-image:url(images/desktop/shop_link.png);}	

#SIDE li .fb:hover{ background-image:url(images/desktop/FB_link_R.png);}	
#SIDE li .yt:hover{ background-image:url(images/desktop/yotube_link_R.png);}	
#SIDE li .tw:hover{ background-image:url(images/desktop/tw_link_R.png);}
#SIDE li .shop:hover{background-image:url(images/desktop/shop_link_R.png);}	

/*-------------------------------------------index-------------------------------------------*/
/*---------------------------match-----------------------------*/

.gallary_PRO li .cvc{
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	color:#00ccff ;
	cursor:pointer;
}	

.gallary_PRO .CK{
	padding-top: 0px;
} 

#SOLUTION_CONTENT .solution_PRO li p{
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	color:#00ccff ;
}	

#SOLUTION_CONTENT .solution_PRO .CK{
	padding-top: 20px;
} 

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-1px 1px 0 0;
    vertical-align:middle;
    background: url(images/desktop/select_check.jpg) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background: url(images/desktop/select.jpg) left top no-repeat;
}	

.match{
	display: block;
	width: 100%;
	height: 200px;
	position: fixed;
	bottom:0px;
	left: 0;
	z-index: 9996;
	background-color: #eee;
    border-top:1px solid #bbb ;
}

.match #match_x{
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	border-radius: 15px;
	background-color: #003366;
	color:#FFF;
	top: 10%;
	right: 2%;
	cursor: pointer;
}

.match .match_block{
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

.match .match_block .tit{
	float: left;
	width: 280px;
}

.match .match_block .match_pro{
	float: left;
	width: 600px;
}

.match .match_block .match_pro ul{
	list-style: none;
	padding-top: 40px;
}

.match .match_block .match_pro li{
	float: left;
	width: 150px;
	height: 170px;
	position: relative;
}

.match .match_block .match_pro li img{
	width: 90px;
	height: 90px;
	mix-blend-mode:multiply;
}

.match .match_block .match_pro li .cen_x{
	width: 20px;
	height: 20px;
	border: 1px solid #003366;
	border-radius: 10px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #003366;
	position: absolute;
	top:0px;
	right:20px;
	opacity: 0.7;
	cursor: pointer;
}

.match .match_block .match_pro li p{
	text-align: center;
	color: #003366;
	padding-right: 60px;
}

.match .match_block .tit{
	padding-top: 52px;
	padding-right: 10px;
}

.match .match_block .tit h5{
	font-size: 20px;
	color:#003366 ;
	line-height: 1.4;
}

.match .match_block .tit p{
	font-size: 14px;
	line-height: 1.4;
	color:#666;
}

.match .match_block .tit p a{
	text-decoration: none;
	color: #02a6cf;
	opacity: 1;
}

.match .match_block .tit p a:hover{
	opacity: 0.75;
}

.match .match_block .match_btn{
	width: 180px;
	padding-top: 110px;
	float: left;
}

.match .match_block .match_btn a{
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #02a6cf;
	border: 1px solid #02a6cf;
	background-color: #eee;
	border-radius: 20px;
	margin: 0 auto;
	text-decoration: none;
	cursor: pointer;
}

.match .match_block .match_btn a:hover{
	background-color:#02a6cf; 
	color:#ddd ;
}

.match .CK{
	display:none;
}

.m_d{display:block;}
.m_p{display:none;}

/*-------------------------sharing------------------------------*/	

.sharing_phone{
	display: none;
}			

/*-------------------------------------------page-------------------------------------------*/

/*-----------------------------------------banner---------------------------------------------------*/

#SP_life_BANNER{
	width:100%;
	height:auto;
	padding-top:146px;
}
	
#SP_life_BANNER img{
	width:100%;
	height:auto;
}

/*-----------------------------------------content---------------------------------------------------*/

#news_list{
	width:1080px;
	padding:250px 0 150px 0;
	margin:0 auto;
}

#news_list h3{
	font-size:44px;
	text-align:center;
	color:#00ccff;
	padding-top:0px;
}	
	
/*-------------------------------------contant---------------------------------*/

#news_list .CP_area{
	width:960px;
	overflow:hidden;
	padding:40px 0 10px 0;
	margin:0 auto;
	clear:both;
}

#news_list .CP_area h4{
	font-size:28px;
	line-height:1.4;
	color:#003366;
}
	
#news_list .CP_area article{
	font-size:13px;
	color:#666;
	line-height:1.6;
	padding:15px 0 10px 0;
}		

#news_list .CP_area .warranty_list{
	width:100%;
	padding-left: 20px;
}	

#news_list .CP_area .warranty_list ul{
	list-style:disc;
	padding:10px 0;
}	

#news_list .CP_area .warranty_list li{
	font-size:13px;
	color:#999;
	line-height:1.6;
}

#news_list .CP_area .warranty_list a{
	color:#00ccff;
	text-decoration: none;
}

#news_list .CP_area table{
	margin:15px 0;
}

#news_list .CP_area .warranty_selsct{
	display:block;
}

#news_list .CP_area .warranty_selsct_phone{
	display:none;
}

#news_list .CP_area td{
	height:50px;
	vertical-align:middle;
	text-align:left;
	font-size:14px;
	color:#003366;
	padding:1%;
}

#news_list .CP_area .styled-select_02{
	width:430px;
    height: 28px;
    overflow: hidden;
	background-image:url(images/desktop/new_arrow.png);
	background-color:#cdf1fe;
	background-repeat:no-repeat;
	background-position:right;
	background-size:20px 14px;
	border:none;
	border-radius:0px;
	margin-top:0px;
}	
	
#news_list .CP_area .styled-select_02 select{
	background: transparent;
	width: 430px;
	padding:0px 10px 0px 10px;
	
	font-size: 14px;
	color:#999;
	border: none;
	border-radius:16px;
	height: 28px;  
	-webkit-appearance: none;
	-ms-appearance: none; 
	-moz-appearance: none; 
}

#news_list .CP_area .styled-select_03{
	display:none;
}	

#news_list .CP_area .warranty_btn a{
	display:block;
	width:200px;
	height:36px;
	line-height:36px;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	color:#00ccff;
	background-color:#FFF;
	border:1px solid #00ccff;
	border-radius:18px;
}	
	
#news_list .CP_area .warranty_btn a:hover{
	color:#FFF;
	background-color:#00ccff;
}	

#news_list .CP_area .b2{
	width:350px;
	margin:0 auto;
	padding-top:30px;
}

#news_list .CP_area .b2 a{
	display:inline-block;
	margin:0px 53px;
}

#news_list .CP_area p{	
	font-size:14px;
	color:#666;
	line-height:1.6;
	padding:20px 0 20px 0;
}	

#news_list .CP_area .warranty_table{
	display:block;
	width:960px;
	background-color:#cdf1fe;
}	

#news_list .CP_area .warranty_table .title{
	width:480px;
	text-align:center;
	font-size:16px;
	background-color:#68d0f6;
}

#news_list .CP_area .warranty_table td{
	text-align:center;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding-left:10px;
	line-height:1.6;
	color:#000;
}	

#news_list .CP_area .text h4{
	font-size:28px;
	line-height:1.4;
	color:#003366;
}
	
#news_list .CP_area .text article{
	font-size:13px;
	color:#666;
	line-height:1.6;
	padding:15px 0 10px 0;
}
	
#news_list .CP_area .CP_map{
	text-align:center;
}	
	
#news_list .CP_area .CP_video{
	width:720px;
	margin:0 auto;
	padding-top:40px;
}

/*---------------------------------------------FAQ------------------------------------------------*/

.products_line{
	width:1080px;
	margin:80px auto;
	padding-bottom:8%;
}	
	
.products_line ul{
	list-style:none;
	overflow:hidden;
}
	
.products_line li{
	display:block;
	width:180px;
	height:180px;
	float:left;
}	
	
.products_line li a{
	display:block;
	width:180px;
	height:180px;
	background-position:center top;
	background-repeat:no-repeat;
	color:#00ccff;
	padding-top:145px;
	text-decoration:none;
	text-align:center;
	font-size:16px;
}
	
.products_line li a:hover{
	color:#63dcfa;
}
	
.products_line li .usb{background-image:url(images/desktop/icon_usb.png);}
.products_line li .hard{background-image:url(images/desktop/icon_phd.png);}	
.products_line li .card{background-image:url(images/desktop/icon_card.png);}	
.products_line li .ssd{background-image:url(images/desktop/icon_ssd.png);}	
.products_line li .modules{background-image:url(images/desktop/icon_memory.png);}	
.products_line li .power{background-image:url(images/desktop/icon_power.png);}	

.products_line li .usb:hover{background-image:url(images/desktop/icon_usb_R.png);}
.products_line li .hard:hover{background-image:url(images/desktop/icon_phd_R.png);}
.products_line li .card:hover{background-image:url(images/desktop/icon_card_R.png);}	
.products_line li .ssd:hover{background-image:url(images/desktop/icon_ssd_R.png);}	
.products_line li .modules:hover{background-image:url(images/desktop/icon_memory_R.png);}	
.products_line li .power:hover{background-image:url(images/desktop/icon_power_R.png);}	

/*----------------------------------------------------------------------------------*/

.FAQ{
	width:1080px;
	margin:0 auto;
}

.FAQ form{
	margin: auto;
	width: 1080px;
}

.FAQ h6{
	width:1080px;
	height:32px;
	font-size:24px;
	color:#003366;
	line-height:32px;
	position:relative;
	padding-left:16px;
	margin-bottom:30px;
}

.FAQ h6:before{
	content:'';
	display:block;
	width:4px;
	height:32px;
	background-color:#00ccff;
	position:absolute;
	top:0;
	left:0;
}

.FAQ form p{
	width:100%;
	text-align: left;
	line-height: 1.6;
	font-size: 16px;
	border-top:1px solid #00ccff;
}

.FAQ form p:last-child{
	border-bottom:1px solid #00ccff;
}

.txt_Q{
	display:inline-block;
	color:#00ccff;
	font-size:20px;
}

.txt_A{
	display:none;
	padding:6px 0;
	color:#003366;
	font-size:14px;
}

.checkbox{
	position: absolute;
	opacity:0;
}

.switch{
	position: relative;
	display:inline-block;
	background-color:#dbdbdb;
	height: 20px;
	width: 40px;
	border-radius:20px;
	border:1px solid #E5E5E5;
	margin:6px 0 0 10px;
	transition:.5s;
}

.switch .btn{
	width: 20px;
	height: 20px;
	border-radius:50%;
	background-color:#FEFEFE;
	border:1px solid #E5E5E5;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 0;
	/*box-shadow:0 3px 10px #aaa;*/
	transition:.5s;
}

.checkbox:checked ~ .switch{
	background-color:#FFAB00;
}
.checkbox:checked ~ .switch .btn{
	left: 20px;
}

.checkbox:checked ~ .txt_A{
	display:block;
}

/*---------------------------------where to buy------------------------------------*/

.wheretobuy{	
	width:100%;
	height:auto;
	border:1px solid #dbdbdb;
	margin:50px 0;	
}

.wheretobuy h5{
	width:100%;
	background-color:#eae8e8;
	height:50px;
	line-height:50px;
	color:#003366;
	font-size:24px;
	padding-left:20px;
	margin-bottom:10px;
}

.wheretobuy .OnlineShop{
	clear:both;
	width:100%;
	padding:10px;
	overflow:hidden;
}

.wheretobuy .OnlineShop .Shopitem{
	float:left;
	display:table;
	width:50%;
	padding:10px 10px;
}

.wheretobuy .OnlineShop .OnlineLogo{
	display:table-cell;
	width:150px;
	height:150px;
	background-color:#eae8e8;
	border:1px solid #dbdbdb;
	text-align:center;
	vertical-align:middle;
}

.wheretobuy .OnlineShop .OnlineLogo img{
	width:130px;
	height:auto;
	mix-blend-mode:multiply;
}

.wheretobuy .OnlineShop .OnlineTitle{
	padding:20px 0 0px 20px;
}

.wheretobuy .OnlineShop .OnlineTitle h6{
	padding-bottom: 10px;
	color:#003366;
	font-size:18px;
}

.wheretobuy .OnlineShop .OnlineTitle p a{
	color:#00ccff;
	text-decoration: none;
}

.mc_lan .styled-select {
	width:100%;
    height: 32px;
    overflow: hidden;
	background-image:url(images/desktop/new_arrow.png);
	background-color:#dbdbdb;
	background-repeat:no-repeat;
	background-position:right;
	border:none;
	border-radius:0px;
}	
	
.mc_lan .styled-select select{
	background: transparent;
	width: 100%;
	padding:5px 10px 5px 10px;
	font-size: 14px;
	color:#999;
	border: none;
	border-radius:16px;
	height: 32px;  
	-webkit-appearance: none;
	-ms-appearance: none; 
	-moz-appearance: none; 
}

/*------------------------------------order edm-------------------------------------*/

.Subscribe{
	width:840px;
	height:auto;
	margin:40px auto;
	padding-bottom:40px;
	border-bottom:1px solid #a6def2;	
	clear:both;
}

.Subscribe h5{
	font-size:24px;
	color:#00ccff;
	padding:10px 0;
}

.Subscribe p{
	color:#003366;
	font-size:16px;
	line-height:1.4;
	padding-bottom:30px;
	border-bottom:1px solid #cdf1fe;
	border-top:#FFF;
}

.Subscribe table{
	width:100%;
	margin:30px 0;
}

.Subscribe td{
	text-align:left;
	color:#003366;
	padding:5px 0;
	font-size:14px;
}

.Subscribe td input{
	width:100%;
	height:28px;
	background-color:#cdf1fe;
	border:none;
	padding:5px;
	font-size:14px;
	color:#000;
}

.Subscribe td .styled-select{
	width:100%;
    height: 28px;
    overflow: hidden;
	background-image:url(images/desktop/new_arrow.png);
	background-color:#cdf1fe;
	background-repeat:no-repeat;
	background-position:right;
	background-size:20px 14px;
	border:none;
	border-radius:0px;
}	
	
.Subscribe td .styled-select select{
	background: transparent;
	width:100%;
	padding:0px 10px 0px 10px;
	font-size: 14px;
	color:#999;
	border: none;
	border-radius:16px;
	height: 28px;  
	-webkit-appearance: none;
	-ms-appearance: none; 
	-moz-appearance: none; 
}	

.Subscribe .edm_btn{
	overflow:hidden;
}

.Subscribe .b1{width:600px; margin:0 auto;}
.Subscribe .b2{width:300px; margin:0 auto;}

.Subscribe .edm_btn a{
	display:block;
	width:200px;
	height:40px;
	line-height:40px;
	text-decoration: none;
	color:#00ccff;
	background-color:#fff;
	font-size:18px;
	border:1px solid #00ccff;
	text-align:center;
	margin:0 50px;
	float:left;
	border-radius:20px;
}

.Subscribe .edm_btn a:hover{
	color:#fff;
	background-color:#00ccff;
}

/*-------------------------0726-------------------------------*/

.Subscribe .mc_test{
	text-align:center;
	padding-top:30px;
	padding-bottom:40px;
	margin:0 auto;
	border-top:1px solid #cdf1fe;
}

.Subscribe.error{
	text-align:center;
	font-size:13px;
	padding:20px 0 10px 0;
	color:#C00;
}	
	
.Subscribe .mc_test p{
	font-size:16px;
	color:#21708d;
	padding:10px 0px 0 0px;
	border-bottom:#FFF;
	text-align:center;
}
	
.Subscribe .mc_test input{
	width:200px;
	height:28px;
	background-color:#cdf1fe;
	padding:8px;
	color:#333;
	font-size:14px;
	text-align:center;
	border:none;
}		
	
.Subscribe span{
	padding:0px 0 0px 20px;
}				

/*----------------------------download---------------------------*/

#DOWNLOAD{
	width:1080px;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:60px;
	overflow:hidden;
}

#DOWNLOAD .download_w{
	display:block;
	padding-top:0px;
	padding-bottom:80px;
}

#DOWNLOAD .download_w h4{
	height:60px;
	line-height:60px;
	font-size:38px;
	color:#003366;
	margin:0 auto 5px auto;
}

#DOWNLOAD .download_w h5{
	font-size:24px;
	padding-top:20px;
	padding-bottom:10px;
	color:#00ccff;
}	
	
#DOWNLOAD .download_w .LIST_TABLE{
	width:1080px;
}

#DOWNLOAD .download_w .LIST_TD{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	width:120px;
    height:auto;
	padding:5px;
}

#DOWNLOAD .download_w .LIST_TDL{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	width:160px;
	height:auto;
	padding:5px;
	line-height:1.5;
}

#DOWNLOAD .download_w .LIST_TD_W{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	width:120px;
	height:auto;
	padding:5px;
	line-height:1.5;
}
        
#DOWNLOAD .download_w .LIST_TD_WL{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	width:160px;
	height:auto;
	padding:5px;
	line-height:1.5;
}
                
#DOWNLOAD .download_w .LIST_TD_G{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	width:120px;
	height:auto;
	padding:5px;
	background-color:#CCC;
	line-height:1.5;
}       

#DOWNLOAD .download_w .LIST_TD_GL{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	width:160px;
	height:auto;
	padding:5px;
	background-color:#CCC;
	line-height:1.5;    
} 

#DOWNLOAD .download_w .LIST_BTN_W{
	height:auto;
	width:40px;
}
        
#DOWNLOAD .download_w .LIST_BTN_G{
	height:auto;
	width:40px;
	background-color:#CCC;
}     

#DOWNLOAD .download_w_phone{
	display:none;
}   

/*20200813*/
.outside_link{
	width: 100%;
}

.outside_link a{
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	border-radius: 30px;
	background-color: #2aa704;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

.outside_link a:hover{
	background-color: #30c203;
}

/*-------------------------------download part02------------------------------------*/      	

#news_list h5{
	color:#003366;
	margin-top:40px;
	margin-bottom:10px; 
	font-size:36px;
	text-align: center;
}

.download_icon{
	width:1080px;
	overflow:hidden;
	clear:both;
}

.download_icon ul{
	list-style:none;
	width:100%;
}

.download_icon ul li{
	width:25%;
	float:left;
	padding-bottom:50px;
}

.download_icon ul li a{
	display:block;
	width:256px;
	height:256px;
	opacity:1;
	background-repeat:no-repeat;
	background-size:128px 128px;
	background-position:center center;
	text-align:center;
	text-decoration:none;
	color:#003366;
	font-size:16px;
	line-height: 1.6;
	padding:200px 0 0 0;
	position: relative;/*------------------------------0901------------------------------*/
}

.download_icon ul li a:hover{
	opacity:0.75;
	color:#055bb1;
}

.download_icon .B1 li:nth-child(1) a{background-image:url(images/desktop/echo3.jpg);}
.download_icon .B1 li:nth-child(2) a{background-image:url(images/desktop/Recuva.jpg);}
.download_icon .B1 li:nth-child(3) a{background-image:url(images/desktop/SP-HDD-Lock.jpg);}
.download_icon .B1 li:nth-child(4) a{background-image:url(images/desktop/SP-Widget.jpg);}
.download_icon .B1 li:nth-child(5) a{background-image:url(images/desktop/norton.jpg);}
.download_icon .B1 li:nth-child(6) a{background-image:url(images/desktop/SPfix.jpg);}
.download_icon .B1 li:nth-child(7) a{background-image:url(images/desktop/SPfix_win7.jpg);}
.download_icon .B1 li:nth-child(8) a{background-image:url(images/desktop/H10.jpg);}

.download_icon .B2 li:nth-child(1) a{background-image:url(images/desktop/Z30.jpg);}
.download_icon .B2 li:nth-child(2) a{background-image:url(images/desktop/SP-File-Explorer.jpg);}

/*------------------------------0901------------------------------*/

.download_icon ul li a > .tag{
	display:block;
	position: absolute;
	top: 90px;
	left: 200px;
	width: 130px;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(	0, 150, 255, 0.7);
	border-radius:0px 6px 6px 6px;
	opacity: 0;
	transition:all 0.6s;
}

.download_icon ul li a > .tag:before{
	content: '';
	display: block;
	width: 0;
	border-style:solid;
	border-width:0px 12px 12px 0px;
	border-color:transparent #4cb5ff transparent transparent;
	position: absolute;
	top: 0%;
	left: -12px;
}

.download_icon ul li:nth-child(4n) a > .tag{
	display:block;
	position: absolute;
	top: 90px;
	left: -60px;
	width: 130px;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(	0, 150, 255, 0.7);
	border-radius:6px 0px 6px 6px;
	opacity: 0;
	transition:all 0.6s;
}

.download_icon ul li:nth-child(4n) a > .tag:before{
	display: none;
}

.download_icon ul li:nth-child(4n) a > .tag:after{
	content: '';
	display: block;
	width: 0;
	border-style:solid;
	border-width:0px 0px 12px 12px;
	border-color:transparent transparent transparent #4cb5ff;
	position: absolute;
	top: 0%;
	right: -12px;
}

.download_icon ul li a:hover > .tag{
	opacity: 1;
} 

/*----------------------------download part03--------------------------------*/

.download_S_W{
	width:100%;
	margin:70px 0 0 0 ;
}

.download_S_W .ind{
	width:100%;
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #dbdbdb;
}

.download_S_W .ind .icon{
	width: 200px;
	float:left;
	margin-right:40px; 
}

.download_S_W .ind .icon img{
	width: 200px;
	height: 200px;
}

.download_S_W .ind .title{
	width:840px;
	float:left;
	padding: 10px;
}

.download_S_W .ind .title h6{
	height:auto;
	line-height:60px;
	font-size:36px;
	color:#003366;
}

.download_S_W .ind .title article{
	color:#777;
	line-height: 1.6;
	font-size:16px;
}

.download_S_W .download_app{
	width:100%;
	overflow:hidden;
	clear:both;
	padding:50px 0 50px 0 ;
}

.download_S_W .download_app .app_icon{
	width: 480px;
	float: left;
    padding-bottom: 0px;
}

.download_S_W .download_app .app_icon ul{
	overflow: hidden;
	list-style: none;
}

.download_S_W .download_app .app_icon li{
	clear: both;
	overflow: hidden;
	width: 450px;
	text-align: left;
	padding-bottom: 10px;
}

.download_S_W .download_app .app_icon li img{
	width: 80px;
	height: 80px;
}

.download_S_W .download_app .app_icon li p{
	width: 370px;
	float: right;
	padding:8px 0 0 8px;
	
}

.download_S_W .download_app .app_icon li p{
	font-size: 14px;
	color:#777;
	line-height:1.2;
}

.download_S_W .download_app .app_icon li p span{
	font-size: 18px;
	color:#00ccff;
}

.download_S_W .download_app .app_ui{
	width:auto;
}

.download_S_W .download_app .app_icon ul .sw01{width:70%;}
.download_S_W .download_app .app_icon ul .sw02{width:84%;}

.download_w{
	clear:both;
}

.download_w ul{
    list-style:disc;
    padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}

.download_w ul li{
	color:#666;
	line-height:1.6;
	font-size:14px;
}

/*---------------20190802(新增一個 還有修改顏色)--------------------*/

.download_w ul li h6{
	display: inline;
	font-size: 18px;
	color: #003366;
	font-weight: 600;
	text-decoration: underline;
}

.download_w ul li span{
	color:#666;
}

/*-----------------------------------*/

.download_w ul li a{
	line-height:1.6;
	font-size:14px;
	color:#0066ff;
	text-decoration: underline;
}

.download_w ul li a:hover{
	color:#0000ff;
}

.download_w p{
	color:#00ccff;
	font-size:18px;
	line-height:1.6;
	text-indent: -20px;
}

/*----------------------------download ebook--------------------------------*/

.ebk{
	width: 420px
}

.ebk a{
	display:block;
	width: 120px;
	height: 36px;
	background-color: #00ccff;
	line-height: 36px;
	text-align:center;
	text-decoration:none;
	border-radius: 18px;
	color: #fff;
	font-size:18px;
	opacity: 1;
	margin:20px auto 0 auto ;
}

.ebk img{
	width: 100%;
	margin:20px 0 0 0;
	box-shadow: 2px 2px 10px #999;
}

.ebk a:hover{
	opacity: 0.7;
}

.download_icon .left{
	float: left;
}

.download_icon .right{
	float: right;
}

/*--------------------------------match----------------------------------*/

#news_list .note{
	width: 100%;
	height: 30px;
	overflow: hidden;
	margin: 80px 0 16px 0;
}

#news_list .note h6{
	display: block;
	color: 	#003366;
	font-size: 18px;
	line-height: 20px;
	padding-top: 0px;
	float: 	left;
}

#news_list .note p{
	display:block;
	float: 	right;
	height: 30px;
}

#news_list .note p .txt{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	color: #0181a1;
	font-size: 16px;
}

#news_list .note p .checkbox{
	position: absolute;
	opacity:0;
}

#news_list .note p .checkbox:checked ~ .txt{
	color:#00ccff;
	transition:.5s;
}

#news_list .note p .checkbox:checked ~ .note{
	display:inline-block;
}

#news_list .note p .switch{
	position: relative;
	display:inline-block;
	background-color:#FEFEFE;
	height: 20px;
	width: 50px;
	border-radius:26px;
	border:1px solid #E5E5E5;
	margin-right: 1em;
	box-shadow:0 2px 5px #888 inset;
	transition:.5s;
}

#news_list .note p .btn{
	width: 20px;
	height: 20px;
	border-radius:50%;
	background-color:#FEFEFE;
	border:1px solid #E5E5E5;
	position: absolute;
	top: -1px;
	left: -1px;
	box-shadow:0 3px 10px #aaa;
	transition:.5s;
}

#news_list .note p .checkbox:checked ~ .switch{
	background-color:#00ccff;
}

#news_list .note p .checkbox:checked ~ .switch .btn{
	left: 28px;
	box-shadow:0 3px 10px #93e6fb;
}

#news_list .match_list{
	width: 100%;
	clear: both;
	overflow: hidden;
}

#news_list .match_list ul{
	width: 100%;
	list-style: none;
}

#news_list .match_list li{
	width: 25%;
	height: 220px;
	padding-bottom: 0;
	border-right:1px solid #ccc; 
	border-top:1px solid #ccc ;
	border-bottom:1px solid #ccc ;
	color: #003366;
	font-size: 16px;
	text-align: center;
	float: left;
}

#news_list .match_list li span{
	color: #ccc;
}

#news_list .match_list li img{
	width: 180px;
	height: 180px;
}

#news_list .match_list li:first-child{
	border-left:1px solid #ccc;
}

#news_list .match_list li a{
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto;
}

#news_list .match_list .info{
	width: 100%;
	overflow: hidden;
	clear: both;
}

#news_list .match_list .info h6{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #00ccff;
	border-left:1px solid #ccc ; 
	border-right:1px solid #ccc ; 
	border-bottom: 1px solid #ddd;
	padding-left: 8px;
	color: #fff;
	font-size: 20px;
	overflow: hidden;	
}

#news_list .match_list .info h6 p{
	width:24px;
	height: 24px;
	background-image: url('images/desktop/list_add.png');
	margin: 8px 8px 8px 0;
	float:right;
	opacity: 1;
	cursor: pointer;
}

#news_list .match_list .info h6 p:hover{
	opacity: 0.75;
}

#news_list .match_list .info table{
	width: 100%;
	clear: both;
	border-top:none;
}

#news_list .match_list .info td{
	width: 25%;
	height: auto;
	line-height: 1.4;
	text-align: left;
	font-size: 14px;
	padding: 8px;
	border-top:none; 
	border-bottom:1px solid #ccc; 
	border-left: none; 
	border-right:1px solid #ccc; 
	color:#333;	
}

#news_list .match_list .info td:first-child{
	border-left:1px solid #ccc; 
}

#news_list .match_desktop{display: block;}
#news_list .match_phone{display:none;}

/*---------------------------match all-----------------------------*/

#match_page{
	width:90%;
	padding:250px 0 150px 0;
	margin:0 auto;
}

#match_page h3{
	font-family:'ROBOTO' ,Verdana, Geneva,"微軟正黑體", sans-serif;
	font-size:44px;
	text-align:center;
	color:#00ccff;
	padding-top:0px;
}	

#match_page h5{
	color:#003366;
	margin-top:80px;
	margin-bottom:10px; 
	font-size:36px;
	text-align: center;
}		

#match_page .match_all_list{
	width: 100%;
}

#match_page .match_all_list table{
	border-top:1px solid #dbdbdb ;
	border-left:1px solid #dbdbdb ;
}

#match_page .match_all_list .pro_item td{
	font-size: 16px;
	color:#003366;
	text-align: center;
	background-color: #FFF;
}

#match_page .match_all_list .pro_item td:first-child{
	background-color:#d6f5fd;
	font-size: 18px;
}

#match_page .match_all_list td{
	width: 180px;
	padding: 4px;
	text-align: left;
	color:#3d6792;
	font-size:14px;
	line-height: 1.4;
	border-right:1px solid #dbdbdb ;
	border-bottom:1px solid #dbdbdb ;
	background-color:#d6f5fd;
}

#match_page .match_all_list td:first-child{
	color: #003366;
}

#match_page .match_all_list td:nth-child(1){
	background-color: #8be5fb;
}

#match_page .match_all_list tr:nth-child(2) td{
	background-color: #8be5fb;
	font-size: 16px;
	color:#003366;
	text-align: center;
}

#match_page .match_all_list td img{
	width: 174px;
	height: 174px;
	text-align: center;
}

#match_page .match_desktop{display: block;}
#match_page .match_phone{display:none;}

/*------------------------------------------page end---------------------------------------------*/

/*--------------------------------------------phone style-----------------------------------------------*/

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

	*{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
		
	html,body{
		background-color:#FFF;
		font-size:13px;
		-webkit-text-size-adjust:none;
	}
		
	/*-----------------------------------------desktop header---------------------------------------------*/	
	
	#NAV{display:none;}
	#SIDE{display:none;}

	/*-----------------------------------------desktop header end--------------------------------------------*/

	/*-------------------------------------------page-------------------------------------------*/
	/*---------------------------match-----------------------------*/

	.gallary_PRO li .cvc{
		display: inline-block;
		font-size: 16px;
		line-height: 16px;
		color:#00ccff ;
		cursor:pointer;
	}	

	.gallary_PRO .CK{
		padding-top: 0px;
	} 

	#SOLUTION_CONTENT .solution_PRO li p{
		display: inline-block;
		font-size: 16px;
		line-height: 16px;
		color:#00ccff ;
	}	

	#SOLUTION_CONTENT .solution_PRO .CK{
		padding-top: 20px;
	} 

	input[type="checkbox"] {
		display:none;
	}
	
	input[type="checkbox"] + label span {
		display:inline-block;
		width:16px;
		height:16px;
		margin:-1px 1px 0 0;
		vertical-align:middle;
		background: url(images/desktop/select_check.jpg) left top no-repeat;
		cursor:pointer;
	}
	
	input[type="checkbox"]:checked + label span {
		background: url(images/desktop/select.jpg) left top no-repeat;
	}	

	.match{
		display: block;
		width: 100%;
		height: auto;
		position: fixed;
		bottom:0;
		left: 0;
		z-index: 9996;
		background-color: #eee;
		border-top:1px solid #bbb ;
	}

	.match #match_x{
		position: absolute;
		width: 30px;
		height: 30px;
		line-height: 32px;
		text-align: center;
		font-size: 14px;
		border-radius: 15px;
		background-color: #003366;
		color:#FFF;
		top:8%;
		right: 5%;
		cursor: pointer;
	}

	.match .match_block{
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
	}

	.match .match_block .tit{
		float: none;
		width: 280px;
	}

	.match .match_block .match_pro{
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	.match .match_block .match_pro ul{
		list-style: none;
		padding-top: 0px;
	}

	.match .match_block .match_pro li{
		float: left;
		width: 50%;
		height: auto;
		text-align: center;
	}

	.match .match_block .match_pro li .cen_x{
		width: 20px;
		height: 20px;
		border: 1px solid #003366;
		border-radius: 10px;
		text-align: center;
		line-height: 20px;
		font-size: 12px;
		color: #003366;
		position: absolute;
		top:-10px;
		right:10px;
		opacity: 0.4;
		cursor: pointer;
	}

	.match .match_block .match_pro li img{
		width: 70%;
		height: auto;
		mix-blend-mode:multiply;
	}

	.match .match_block .match_pro li p{
		width: 100%;
		text-align: center;
		color: #003366;
		padding: 0;
	}

	.match .match_block .tit{
		padding-top: 12px;
		padding-right: 10px;
	}

	.match .match_block .tit h5{
		font-size: 20px;
		color:#003366 ;
		line-height: 1.4;
	}

	.match .match_block .tit p{
		font-size: 14px;
		line-height: 1.4;
		color:#666;
	}

	.match .match_block .tit p a{
		text-decoration: none;
		color: #02a6cf;
		opacity: 1;
	}

	.match .match_block .tit p a:hover{
		opacity: 0.75;
	}

	.match .match_block .match_btn{
		width: 100%;
		padding-top: 37.5%;
		float: none;
	}

	.match .match_block .match_btn a{
		display: block;
		width: 50%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		color: #02a6cf;
		border: 1px solid #02a6cf;
		background-color: #eee;
		border-radius: 20px;
		margin: 0 auto 4% auto;
		text-decoration: none;
	}

	.match .match_block .match_btn a:hover{
		background-color:#02a6cf; 
		color:#ddd ;
	}

	.m_d{display:none;}
	.m_p{display:block;}	
	
	/*-----------------------------------------banner---------------------------------------------------*/

	#SP_life_BANNER{
		width:100%;
		height:auto;
		padding-top:60px;
	}
		
	#SP_life_BANNER img{
		width:100%;
		height:auto;
	}	
	
	/*-------------------------sharing------------------------------*/	

	.sharing_phone{
		display: block;
		width: 100%;
		padding:0px 0 0 0 ;
		background-color: #81e3fb;
		border-bottom: 1px solid #00ccff;
		border-radius: 0 0 28px 0;
		overflow: hidden;
		z-index: 1;
		position: fixed;
		top: -60px;
		left: 0;
		right: 0;
		opacity: 0.85;
	}

	.sharing_phone h6{
		width: 112px;
		height: 56px;
		line-height: 56px;
		float: right;
		color:#fff;
		background-color: #003366;
		text-align: left;
		padding: 0px 10px 0 10px;
		font-size: 12px;
		border-radius: 0 0 28px 0;
	}

	.sharing_phone h6 img{
		margin:0 4px;
		height: 12px;
		width: auto; 
		opacity: 0.6;
	}

	.sharing_phone ul{
		height: 56px;
		list-style: none;
		margin-left:10px;
		float: left;
	}

	.sharing_phone ul li{
		display: inline-block;
		width: 44px;
		height: 36px;
		margin-top:9px; 
		text-align: left;
	}

	.sharing_phone ul li img{
		width: 38px;
		height: 38px;
	}

	.sharing_phone ul li a{
		opacity: 1;
	}

	/*---------------------------------------------------------------*/		
		
	/*-----------------------------------------content---------------------------------------------------*/
	
	#news_list{
		width:100%;
		padding:60px 0 100px 0;
		margin:0 auto;
	}

	#news_list h3{
		font-size:44px;
		text-align:center;
		color:#00ccff;
		padding-top:60px;
		line-height:1.4;
	}

	/*-------------------------------------contant---------------------------------*/

	#news_list .CP_area{
		width:90%;
		overflow:hidden;
		padding:40px 0 0px 0;
		margin:0 auto;
		clear:both;
	}

	#news_list .CP_area h4{
		font-size:24px;
		line-height:1.4;
		color:#003366;
	}
		
	#news_list .CP_area article{
		font-size:13px;
		color:#666;
		line-height:1.6;
		padding:15px 0 10px 0;
	}
		
	#news_list .CP_area img{
		width:100%;
		height:auto;
	}		
		
	#news_list .CP_area .CP_man{
		text-align:center;
	}
		
	#news_list .CP_area .text{
		float:none;
		width:100%;
	}
		
	#news_list .CP_area .CP_tree{
		float:none;
		width:235px;
		padding-top:20px;
		margin:0 auto;
	}	

	#news_list .CP_area .warranty_list ul{
		list-style:disc;
		padding:10px 0;
	}	

	#news_list .CP_area .warranty_list li{
		font-size:13px;
		color:#999;
		line-height:1.6;
	}

	#news_list .CP_area .warranty_list a{
		color:#00ccff;
		text-decoration: none;
	}

	#news_list .CP_area table{
		margin:15px 0;
	}

	#news_list .CP_area .warranty_selsct{
		display:none;
	}

	#news_list .CP_area .warranty_selsct_phone{
		display:block;
	}

	#news_list .CP_area td{
		height:30px;
		vertical-align:middle;
		text-align:left;
		font-size:14px;
		color:#003366;
		padding:2%;
	}

	#news_list .CP_area .styled-select_02{
		display:none;
	}	

	#news_list .CP_area .styled-select_03{
		display:block;
		width:100%;
		height: 28px;
		overflow: hidden;
		background-image:url(images/desktop/new_arrow.png);
		background-color:#cdf1fe;
		background-repeat:no-repeat;
		background-position:right;
		background-size:20px 14px;
		border:none;
		border-radius:0px;
		margin-top:12px;
	}	
		
	#news_list .CP_area .styled-select_03 select{
		background: transparent;
		width: 100%;
		padding:0px 10px 0px 10px;
		font-size: 14px;
		color:#999;
		border: none;
		border-radius:16px;
		height: 28px;  
		-webkit-appearance: none;
		-ms-appearance: none; 
		-moz-appearance: none; 
	}

	#news_list .CP_area .warranty_btn a{
		display:block;
		width:140px;
		height:36px;
		line-height:36px;
		font-size:16px;
		text-align:center;
		text-decoration:none;
		color:#00ccff;
		background-color:#FFF;
		border:1px solid #00ccff;
		border-radius:18px;
		margin:0 auto;
	}	
		
	#news_list .CP_area .warranty_btn a:hover{
		color:#FFF;
		background-color:#00ccff;
	}	

	#news_list .CP_area .b2{
		width:140px;
		margin:0 auto;
		padding-top:10px;
	}

	#news_list .CP_area .b2 a{
		display:block;
		margin:10px 0px;
	}

	#news_list .CP_area p{	
		font-size:14px;
		color:#666;
		line-height:1.6;
		padding:20px 0 20px 0;
	}	

	#news_list .CP_area .warranty_table{
		display:block;
		width:100%;
		background-color:#cdf1fe;
	}	

	#news_list .CP_area .warranty_table .title{
		text-align:center;
		font-size:16px;
		background-color:#68d0f6;
	}

	#news_list .CP_area .warranty_table td{
		text-align:center;
		border-right:1px solid #FFF;
		border-bottom:1px solid #FFF;
		padding-left:10px;
		line-height:1.6;
		color:#000;
	}	

	/*---------------------------------------FAQ----------------------------------------------*/

	.products_line{
		width:90%;
		margin:40px auto;
		padding-bottom:8%;
	}	
		
	.products_line ul{
		list-style:none;
		overflow:hidden;
	}
		
	.products_line li{
		display:block;
		width:33.3%;
		height:160px;
		float:left;
	}	
	
	.products_line li a{
		display:block;
		width:100%;
		height:160px;
		background-position:center top;
		background-repeat:no-repeat;
		background-size:96px 96px;
		color:#00ccff;
		padding-top:110px;
		text-decoration:none;
		text-align:center;
		font-size:16px;
	}
		
	.products_line li a:hover{
		color:#63dcfa;
	}
		
	.products_line li .usb{background-image:url(images/desktop/icon_usb.png);}
	.products_line li .hard{background-image:url(images/desktop/icon_phd.png);}	
	.products_line li .card{background-image:url(images/desktop/icon_card.png);}	
	.products_line li .ssd{background-image:url(images/desktop/icon_ssd.png);}	
	.products_line li .modules{background-image:url(images/desktop/icon_memory.png);}	
	.products_line li .power{background-image:url(images/desktop/icon_power.png);}	

	.products_line li .usb:hover{background-image:url(images/desktop/icon_usb_R.png);}
	.products_line li .hard:hover{background-image:url(images/desktop/icon_phd_R.png);}	
	.products_line li .card:hover{background-image:url(images/desktop/icon_card_R.png);}	
	.products_line li .ssd:hover{background-image:url(images/desktop/icon_ssd_R.png);}	
	.products_line li .modules:hover{background-image:url(images/desktop/icon_memory_R.png);}	
	.products_line li .power:hover{background-image:url(images/desktop/icon_power_R.png);}	

	/*----------------------------------------------------------------------------------*/

	.FAQ{
		width:90%;
		margin:0 auto;
	}

	.FAQ form{
		margin: auto;
		width: 100%;
	}

	.FAQ h6{
		width:100%;
		height:32px;
		font-size:24px;
		color:#003366;
		line-height:32px;
		position:relative;
		padding-left:16px;
		margin-bottom:30px;
	}

	.FAQ h6:before{
		content:'';
		display:block;
		width:4px;
		height:32px;
		background-color:#00ccff;
		position:absolute;
		top:0;
		left:0;
	}

	.FAQ form p{
		width:100%;
		text-align: left;
		line-height: 1.6;
		font-size: 16px;
		border-top:1px solid #00ccff;
	}

	.FAQ form p:last-child{
		border-bottom:1px solid #00ccff;
	}

	.txt_Q{
		display:inline-block;
		color:#00ccff;
		font-size:20px;
	}

	.txt_A{
		display:none;
		padding:6px 0;
		color:#003366;
		font-size:14px;
	}

	.checkbox{
		position: absolute;
		opacity:0;
	}

	.switch{
		position: relative;
		display:inline-block;
		background-color:#dbdbdb;
		height: 20px;
		width: 40px;
		border-radius:20px;
		border:1px solid #E5E5E5;
		margin:6px 0 0 10px;
		transition:.5s;
	}

	.btn{
		width: 20px;
		height: 20px;
		border-radius:50%;
		background-color:#FEFEFE;
		border:1px solid #E5E5E5;
		position: absolute;
		top: -1px;
		left: -1px;
		transition:.5s;
	}

	.checkbox:checked ~ .switch{
		background-color:#FFAB00;
	}
	.checkbox:checked ~ .switch .btn{
		left: 20px;
	}

	.checkbox:checked ~ .txt_A{
		display:block;
	}

	/*---------------------------------where to buy------------------------------------*/

	.wheretobuy{	
		width:90%;
		height:auto;
		border:1px solid #dbdbdb;
		margin:30px auto 0 auto;	
	}

	.wheretobuy h5{
		width:100%;
		background-color:#eae8e8;
		height:50px;
		line-height:50px;
		color:#003366;
		font-size:24px;
		padding-left:20px;
		margin-bottom:10px;
	}

	.wheretobuy .OnlineShop{
		clear:both;
		width:100%;
		padding:10px;
		overflow:hidden;
	}

	.wheretobuy .OnlineShop .Shopitem{
		float:none;
		display:table;
		width:100%;
		padding:10px 10px;
	}

	.wheretobuy .OnlineShop .OnlineLogo{
		display:table-cell;
		width:100px;
		height:100px;
		background-color:#eae8e8;
		border:1px solid #dbdbdb;
		text-align:center;
		vertical-align:middle;
	}

	.wheretobuy .OnlineShop .OnlineLogo img{
		width:80px;
		height:auto;
		mix-blend-mode:multiply;
	}

	.wheretobuy .OnlineShop .OnlineTitle{
		padding:25px 0 0px 25px;
	}

	.wheretobuy .OnlineShop .OnlineTitle h6{
		padding-bottom: 10px;
		color:#003366;
		font-size:20px;
	}

	.wheretobuy .OnlineShop .OnlineTitle p a{
		color:#00ccff;
		text-decoration: none;
	}

	/*------------------------------------order edm-------------------------------------*/

	.Subscribe{
		width:90%;
		height:auto;
		margin:40px auto;
		padding-bottom:40px;
		border-bottom:1px solid #a6def2;	
		clear:both;
	}

	.Subscribe h5{
		font-size:24px;
		color:#00ccff;
		padding:10px 0;
	}

	.Subscribe p{
		color:#003366;
		font-size:16px;
		line-height:1.4;
		padding-bottom:30px;
		border-bottom:1px solid #cdf1fe;
		border-top:#FFF;
	}

	.Subscribe table{
		width:100%;
		margin:30px 0;
	}

	.Subscribe td{
		text-align:left;
		color:#003366;
		padding:5px 0;
		font-size:14px;
	}

	.Subscribe td input{
		width:100%;
		height:28px;
		background-color:#cdf1fe;
		border:none;
		padding:5px;
		font-size:14px;
		color:#000;
	}

	.Subscribe td .styled-select{
		width:100%;
		height: 28px;
		overflow: hidden;
		background-image:url(images/desktop/new_arrow.png);
		background-color:#cdf1fe;
		background-repeat:no-repeat;
		background-position:right;
		background-size:20px 14px;
		border:none;
		border-radius:0px;
	}	
		
	.Subscribe td .styled-select select{
		background: transparent;
		width:100%;
		padding:0px 10px 0px 10px;
		font-size: 14px;
		color:#999;
		border: none;
		border-radius:16px;
		height: 28px;  
		-webkit-appearance: none;
		-ms-appearance: none; 
		-moz-appearance: none; 
	}	

	.Subscribe .edm_btn{
		overflow:hidden;
	}

	.Subscribe .b1{width:400px; margin:0 auto;}
	.Subscribe .b2{width:200px; margin:0 auto;}

	.Subscribe .edm_btn a{
		display:block;
		width:130px;
		height:40px;
		line-height:40px;
		text-decoration: none;
		color:#00ccff;
		background-color:#fff;
		font-size:18px;
		border:1px solid #00ccff;
		text-align:center;
		margin:0 5px;
		float:left;
		border-radius:20px;
	}

	.Subscribe .edm_btn a:hover{
		color:#fff;
		background-color:#00ccff;
	}
	
	/*--------------------------0726----------------------------*/
	
	.Subscribe .mc_test{
		text-align:center;
		padding-top:30px;
		padding-bottom:40px;
		margin:0 auto;
		border-top:1px solid #cdf1fe;
	}

	.Subscribe.error{
		text-align:center;
		font-size:13px;
		padding:20px 0 10px 0;
		color:#C00;
	}	
		
	.Subscribe .mc_test p{
		font-size:16px;
		color:#21708d;
		padding:10px 0px 0 0px;
	}
		
	.Subscribe .mc_test input{
		width:200px;
		height:28px;
		background-color:#cdf1fe;
		padding:8px;
		color:#333;
		font-size:14px;
		text-align:center;
		border:none;
	}		
		
	.Subscribe span{
		padding:0px 0 0px 20px;
	}				

	/*----------------------------download---------------------------*/

	#DOWNLOAD{
		width:80%;
		margin:0 auto;
		padding-top:0px;
		padding-bottom:40px;
		overflow:hidden;
	}

	#DOWNLOAD .download_w{
		display:none;
	}

	#DOWNLOAD .download_w_phone{
		display:block;
		padding-top:0px;
		padding-bottom:80px;
	}

	#DOWNLOAD .download_w_phone h4{
		height:48px;
		line-height:48px;
		font-size:32px;
		color:#003366;
		margin:0px auto 10px auto;
	}

	#DOWNLOAD .download_w_phone table{
		width:100%;
	}		

	#DOWNLOAD .download_w_phone td{
		height:30px;
		line-height:30px;
		font-size:16px;
		color:#333;
		text-align:left;
		border-bottom:1px solid #fbfbfb;
		padding-left: 2%;
	}

	#DOWNLOAD .download_w_phone td:first-child{
		color:#dbdbdb;
		background-color: #999;
	}

	#DOWNLOAD .download_w_phone td:last-child{
		background-color: #dbdbdb;
	}

	#DOWNLOAD .download_w_phone table .downloadbtn{
		height:40px;
		line-height:40px;
		background-color:#fff;
		text-align:center;
	}

	#DOWNLOAD .download_w_phone table .downloadbtn a{
		color:#00ccff;
		text-decoration: none;
	}

	#DOWNLOAD .download_w_phone table .downloadbtn a img{
		margin: 0 1%;
	}

	/*-------------------------------download part02------------------------------------*/      	

	#news_list h5{
		color:#003366;
		margin-top:60px;
		margin-bottom:10px; 
		font-size:36px;
		text-align: center;
	}

	.download_icon{
		width:90%;
		margin:0 auto;
		overflow:hidden;
		clear:both;
	}

	.download_icon ul{
		list-style:none;
		width:100%;
	}

	.download_icon ul li{
		width:50%;
		float:left;
	}

	.download_icon ul li a{
		display:block;
		width:100%;
		height:0;
		opacity:1;
		background-repeat:no-repeat;
		background-size:75%;
		background-position:center center;
		text-align:center;
		text-decoration:none;
		color:#003366;
		font-size:16px;
		line-height: 1.6;
		padding:105% 5% 40% 5%;
	}

	.download_icon ul li a:hover{
		opacity:0.75;
		color:#055bb1;
	}

	.download_icon .B1 li:nth-child(1) a{background-image:url(images/desktop/echo3.jpg);}
	.download_icon .B1 li:nth-child(2) a{background-image:url(images/desktop/Recuva.jpg);}
	.download_icon .B1 li:nth-child(3) a{background-image:url(images/desktop/SP-HDD-Lock.jpg);}
	.download_icon .B1 li:nth-child(4) a{background-image:url(images/desktop/SP-Widget.jpg);}
	.download_icon .B1 li:nth-child(5) a{background-image:url(images/desktop/norton.jpg);}
	.download_icon .B1 li:nth-child(6) a{background-image:url(images/desktop/SPfix_win7.jpg);}
	.download_icon .B1 li:nth-child(7) a{background-image:url(images/desktop/SPfix.jpg);}

	.download_icon .B2 li:nth-child(1) a{background-image:url(images/desktop/Z30.jpg);}
	.download_icon .B2 li:nth-child(2) a{background-image:url(images/desktop/SP-File-Explorer.jpg);}

	/*------------------------------0901------------------------------*/
	
	.download_icon ul li a > .tag{
		display:none;
	}
	
	.download_icon ul li:nth-child(4n) a > .tag{
		display: none;
	}
	
	/*----------------------------download part03--------------------------------*/

	.download_S_W{
		width:100%;
		margin:20px 0 0 0 ;
	}

	.download_S_W .ind{
		width:100%;
		overflow:hidden;
		clear:both;
		border-bottom:1px solid #dbdbdb;
	}

	.download_S_W .ind .icon{
		width: 150px;
		float:none;
		margin:0 auto; 
	}

	.download_S_W .ind .icon img{
		width: 150px;
		height: 150px;
	}

	.download_S_W .ind .title{
		width:100%;
		float:none;
		padding: 10px;
	}

	.download_S_W .ind .title h6{
		height:auto;
		line-height:1.5;
		font-size:32px;
		color:#003366;
	}

	.download_S_W .ind .title article{
		color:#777;
		line-height: 1.6;
		font-size:16px;
	}

	.download_S_W .download_app{
		width:100%;
		overflow:hidden;
		clear:both;
		padding:20px 0 50px 0 ;
	}

	.download_S_W .download_app .app_icon{
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}

	.download_S_W .download_app .app_icon ul{
		overflow: hidden;
		list-style: none;
	}

	.download_S_W .download_app .app_icon li{
		clear: both;
		overflow: hidden;
		width: 100%;
		text-align: left;
		padding-bottom: 10px;
	}

	.download_S_W .download_app .app_icon li img{
		width: 20%;
		height: auto;
	}

	.download_S_W .download_app .app_icon li p{
		width: 80%;
		float: right;
		padding: 0px 0 0 8px;
	}

	.download_S_W .download_app .app_icon li p{
		font-size: 14px;
		color:#777;
		line-height:1.2;
	}

	.download_S_W .download_app .app_icon li p span{
		font-size: 18px;
		color:#00ccff;
	}

	.download_S_W .download_app .app_ui{
		width:100%;
	}

	.download_S_W .download_app .app_ui img{
		width:100%;
		height:auto;
	}

	.download_S_W .download_app .app_icon ul .sw01{width:100%;}
	.download_S_W .download_app .app_icon ul .sw02{width:80%;}

	.download_w_phone{
		clear: both;
	}

	.download_w_phone ul{
		list-style:disc;
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 20px;
	}

	.download_w_phone ul li{
		color:#666;
		line-height:1.6;
		font-size:14px;
	}

	.download_w_phone ul li span{
		color:#00ccff;
	}

	.download_w_phone ul li a{
		line-height:1.6;
		font-size:14px;
		color:#0066ff;
		text-decoration: underline;
	}
	
	.download_w_phone ul li a:hover{
		color:#0000ff;
	}

	.download_w_phone p{
		color:#00ccff;
		font-size:18px;
		line-height:1.6;
		text-indent:0;
	}

	/*----------------------------download ebook--------------------------------*/

	.ebk{
		width: 100%
	}

	.ebk a{
		display:block;
		width: 120px;
		height: 36px;
		background-color: #00ccff;
		line-height: 36px;
		text-align:center;
		text-decoration:none;
		border-radius: 18px;
		color: #fff;
		font-size:18px;
		opacity: 1;
		margin:20px auto 0 auto ;
	}

	.ebk img{
		width: 100%;
		height: auto;
		margin:20px 5px 0 5px;
		box-shadow: 2px 2px 10px #999;
	}

	.ebk a:hover{
		opacity: 0.7;
	}

	.download_icon .left{
		float: none;
	}

	.download_icon .right{
		float: none;
	}

	/*--------------------------------match----------------------------------*/

	#news_list .note{
		width: 90%;
		height: 90px;
		overflow: hidden;
		margin: 0px auto 0px auto;
	}

	#news_list .note h6{
		display:block;
		color: 	#003366;
		font-size: 16px;
		line-height: 20px;
		padding-top: 48px;
		float: left;
	}

	#news_list .note p{
		display:block;
		float: right;
		height: 30px;
	}

	#news_list .note p .txt{
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		color: #0181a1;
		font-size: 16px;
	}

	#news_list .note p .checkbox{
		position: absolute;
		opacity:0;
	}
	
	#news_list .note p .checkbox:checked ~ .txt{
		color:#00ccff;
		transition:.5s;
	}
	
	#news_list .note p .checkbox:checked ~ .note{
		display:inline-block;
	}
	
	#news_list .note p .switch{
		position: relative;
		display:inline-block;
		background-color:#FEFEFE;
		height: 20px;
		width: 50px;
		border-radius:26px;
		border:1px solid #E5E5E5;
		margin-right: 1em;
		box-shadow:0 2px 5px #888 inset;
		transition:.5s;
	}
	
	#news_list .note p .btn{
		width: 20px;
		height: 20px;
		border-radius:50%;
		background-color:#FEFEFE;
		border:1px solid #E5E5E5;
		position: absolute;
		top: -1px;
		left: -1px;
		box-shadow:0 3px 10px #aaa;
		transition:.5s;
	}
	
	#news_list .note p .checkbox:checked ~ .switch{
		background-color:#00ccff;
	}
	
	#news_list .note p .checkbox:checked ~ .switch .btn{
		left: 28px;
		box-shadow:0 3px 10px #93e6fb;
	}

	#news_list .match_list{
		width: 90%;
		clear: both;
		margin: 0 auto;
		overflow: hidden;
	}

	#news_list .match_list ul{
		width: 100%;
		list-style: none;
	}

	#news_list .match_list li{
		width: 50%;
		height: auto;
		padding-bottom: 3%;
		border-right:1px solid #ccc; 
		border-top:1px solid #ccc ;
		border-bottom:1px solid #ccc ;
		color: #003366;
		font-size: 16px;
		text-align: center;
		float: left;
	}

	#news_list .match_list li span{
		color: #ccc;
	}

	#news_list .match_list li img{
		width: 80%;
		height: auto;
	}

	#news_list .match_list li:first-child{
		border-left:1px solid #ccc;
	}

	#news_list .match_list li a{
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto;
	}

	#news_list .match_list .info{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		clear: both;
	}

	#news_list .match_list .info h6{
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		background-color: #00ccff;
		border-left:1px solid #ccc ; 
		border-right:1px solid #ccc ; 
		border-bottom: 1px solid #ddd;
		padding-left: 8px;
		color: #fff;
		font-size: 20px;
		overflow: hidden;	
	}

	#news_list .match_list .info h6 p{
		width:24px;
		height: 24px;
		background-image: url('images/desktop/list_add.png');
		margin: 8px 8px 8px 0;
		float:right;
		opacity: 1;
		cursor: pointer;
	}

	#news_list .match_list .info h6 p:hover{
		opacity: 0.75;
	}

	#news_list .match_list .info table{
		width: 100%;
		clear: both;
		border-top:none;
	}

	#news_list .match_list .info td{
		width: 50%;
		height: auto;
		line-height: 1.4;
		text-align: left;
		font-size: 14px;
		padding: 8px;
		border-top:none; 
		border-bottom:1px solid #ccc; 
		border-left: none; 
		border-right:1px solid #ccc; 
		color:#333;	
	}

	#news_list .match_list .info td:first-child{
		border-left:1px solid #ccc; 
	}

	#news_list .match_desktop{display: none;}
	#news_list .match_phone{display:block;}
	
	/*---------------------------match_all-------------------------------------*/

	#match_page{
		width:100%;
		padding:60px 0 60px 0;
		margin:0 auto;
	}

	#match_page h3{
		font-family:'ROBOTO' ,Verdana, Geneva,"微軟正黑體", sans-serif;
		font-size:44px;
		text-align:center;
		color:#00ccff;
		padding-top:60px;
		line-height:1.4;
	}

	#match_page .match_phone p{
		color: #003366;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 60%;
	}

	#match_page .match_desktop{display: none;}
	#match_page .match_phone{display:block;}

	/*------------------------------------------page end---------------------------------------------*/

	/*-------------------------------------------function----------------------------------------------*/		

	#DOWN_FUNCTION{
		clear:both;
		width:100%;
		background-color:#cccccc;
		padding-bottom:5%
	}
		
	#DOWN_FUNCTION .DOWN_FUNCTION_w{
		width:1078px;
		margin:0 auto;
		overflow:hidden;
	}
		
	#DOWN_FUNCTION .DOWN_FUNCTION_w .list{
		width:154px;
		float:left;
	}	
		
	#DOWN_FUNCTION .DOWN_FUNCTION_w .list h5{
		padding:50% 0px 20px 0px;
		font-size:16px;
		color:#333;
	}
		
	#DOWN_FUNCTION .DOWN_FUNCTION_w .list ul{
		list-style:none;
	}	
		
	#DOWN_FUNCTION .DOWN_FUNCTION_w .list li{
		font-size:14px;
		line-height:1.8;
		text-decoration:none;
	}	
		
	#DOWN_FUNCTION .DOWN_FUNCTION_w .list li a{
		text-decoration:none;
		color: #999;
	}	
		
	#DOWN_FUNCTION .DOWN_FUNCTION_w .list li a:hover{
		color: #f0eded;
	}			

	/*----------------------------------------function end---------------------------------------------*/

}