@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');
}	                                        /*-------------JP-----------------*/
	
@font-face{
	font-family:ZAW;                  
	src:url('type/ZawgyiOne_0.ttf');           /*-------------MYAN-----------------*/
}	
	
/*------------------------------------------All--------------------------------------------*/

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

body{
	background-color:#FFF;
	font-family: 'Roboto',Verdana, Geneva,"微軟正黑體", sans-serif !important;
	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);}	

/*------------------------------------go top-------------------------------------------*/

#GO_TOP{
	width:60px;
	height:60px;
	z-index:9999;
	position:absolute;
	right:4%;
	top:-110px;
}
	
#GO_TOP a{
	display:block;
	width:60px;
	height:60px;
	text-indent:-9999px;
	background-image:url(images/desktop/go_top.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px 50px;
	background-color:rgb(87,182,249);
	background-color:rgba(87,182,249,0.6);
	border-radius:50%;
}
	
#GO_TOP a:hover{
	background-color:rgb(87,182,249);
	background-color:rgba(87,182,249,0.4);
}		

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

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

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

#SOLUTION_BANNER{
	width:100%;
	height:0;
	padding-bottom:30.15%;
	background-image:url(images/desktop/Topic_Page_banner.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:absolute;
	top:146px;
	overflow:hidden;
}

#SOLUTION_BANNER .left_AR{
	width:64px;
	height:64px;
	background-image:url(images/desktop/banner_left.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	text-indent:-9999px;
	padding-top:14%;
	padding-left:10%;
	float:left;
}
	
#SOLUTION_BANNER .right_AR{
	width:64px;
	height:64px;
	background-image:url(images/desktop/banner_right.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	text-indent:-9999px;
	padding-top:14%;
	padding-right:10%;
	float:right;
}
	
#SOLUTION_BANNER .bar{
	width:100%;
	clear:both;
	padding-top:12.5%;
}	
	
#SOLUTION_BANNER .bar .bar_w{
	width:100%;
	height:70px;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.2);
	border-top:1px solid #FFF;
}
	
#SOLUTION_BANNER .bar ul{
	display:block;
	width:160px;
	margin:0 auto;
	padding-top:1.5%;
	overflow:hidden;
}		

#SOLUTION_BANNER .bar li{
	display:block;
	width:32px;
	height:16px;
	float:left;
}
	
#SOLUTION_BANNER .bar li a{
	display:block;
	width:12px;
	height:12px;
	margin:0 auto;
	background-color:#CCC;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:50%;
}
	
#SOLUTION_BANNER .bar li a:hover{
	background-color:#00ccff;
}		

/*------------------------------------------content-----------------------------------------------*/
/*--------------------------登入頁pup--------------------------------*/

.mcbg{
	width: 960px;
	margin-left:-480px;
	margin-top:-300px; 
	background-color: #fff;
	opacity:1;
	border-radius:50px;
	padding-left: 30px;
	border: 1px solid #00ccff;
	box-shadow: 6px 6px 10px #ccc;
	position: fixed;
	top: 55%;
	z-index:9999;
	left: 50%;
}

.mcbg .mcpup_x{
	width: 30px;
	height: 30px;
	font-size: 20px;
	color: #fff;
	right:60px;
	top: 30px;
	position: absolute;
	cursor: pointer;
	background-color: #00ccff;
	border-radius: 50%;
	text-align: center;
	padding-top: 5px;
}

.mcpup{
	position: relative;
}

/*-----------------------------------------登入頁--------------------------------------------*/

#MC_CONTENT{
	width:960px;
	margin:0 auto;
	padding:120px 0 200px 0;
}
	
/*-------------------------------1107 CSS修改--------------------------------*/	

#MC_CONTENT .mc_title{
	padding:0 0 40px 0;
	overflow:hidden;
}
	
#MC_CONTENT .mc_title h2{
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	float:none;
	font-size:44px;
	color:#00ccff;
}
	
#MC_CONTENT .mc_title p{
	display:block;
	width:400px;
	height:auto;
	font-size:14px;
	line-height:1.3;
	padding-left:0px;
	padding-top:16px;
	float:left;
}

#MC_CONTENT .mc_title ul{
	width: 400px;
	float:left;
	padding-left:50px;
	padding-top:16px;
	list-style: disc;
	font-size:14px;
	line-height:1.3;
}	

#MC_CONTENT .mc_title li:nth-child(1),#MC_CONTENT .mc_title li:nth-child(2){
	color:#F06;
}	

#MC_CONTENT .mc_registration .right .i_agree_2{
	width: 100%;
}

#MC_CONTENT .mc_registration .right .i_agree_2 table{
	width: 100%;
	text-align: left;
}

#MC_CONTENT .mc_registration .right .i_agree_2 td{
	color: #003366;
}

#MC_CONTENT .mc_registration .right .i_agree_2 td a{
	color: #00ccff;
	text-decoration: none;
}

#MC_CONTENT .mc_registration .right .i_agree_2 td:nth-child(1){
	width: 5%;
}

#MC_CONTENT .mc_registration .right .i_agree_2 td:nth-child(2){
	width: 95%;
}

#MC_CONTENT .mc_registration .right .i_agree_2 input{
	width: 16px;
	height: 16px;
	display:block;
}

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

#MC_CONTENT .mc_registration{
	clear:both;
	width:960px;
	overflow:hidden;
}

#MC_CONTENT .mc_registration .left{
	width:45%;
	float:left;
}
	
#MC_CONTENT .mc_registration h4{
	height:60px;
	line-height:60px;
	font-size:30px;
	color:#00ccff;
	padding-bottom:10px;
}
	
#MC_CONTENT .mc_registration .mc_account{
	padding-top:0px;
	padding-bottom:10px;
}

#MC_CONTENT .mc_registration .mc_password{
	padding-top:10px;
	padding-bottom:20px;
}
	
#MC_CONTENT .mc_registration .mc_login{
	width:140px;
	height:36px;
	padding-left:0px;
	margin:0 auto; 
}	
	
#MC_CONTENT .mc_registration .mc_login 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;
}	
	
#MC_CONTENT .mc_registration .mc_login a:hover{
	color:#FFF;
	background-color:#00ccff;
}
	
#MC_CONTENT .mc_registration .left p{
	padding-left:0px;
	padding-top:16px;
	text-align:center;
}	
	
#MC_CONTENT .mc_registration .left p a{
	font-size:13px;
	text-decoration:none;
	color:#62defd;
	letter-spacing:1px;
}
	
#MC_CONTENT .mc_registration .left p a:hover{
	color: #95e8fd;
}					
	
#MC_CONTENT .mc_registration .left input{
	width:380px;
	height:32px;
	font-size:14px;
	color:#999;
	background-color:#dbdbdb;
	padding:8px;
	border:none;
}	
	
#MC_CONTENT .mc_registration .right{
	width:55%;
	float:right;
	overflow:hidden;
}		
	
#MC_CONTENT .mc_registration .mc_fb_login {
	height:22px;
	line-height:22px;
	display: block;
	font-size:14px;
	float:left;
}	
	
#MC_CONTENT .mc_registration .fb_login{
	float:left;
}	
	
#MC_CONTENT .mc_registration .fb_login a{
	display: block;
	width:75px;
	height:22px;
	background-image:url(images/desktop/member_center_like.jpg);
	background-position:right center;
	background-repeat:no-repeat;		
}
	
#MC_CONTENT .mc_registration .mc_mail_login{
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
	font-size:14px;
}
	
#MC_CONTENT .mc_registration .mail_login{
	font-size:14px;
}	
	
#MC_CONTENT .mc_registration .right input{
	width:470px;
	height:32px;
	font-size:14px;
	color:#999;
	background-color:#dbdbdb;
	padding:8px;
	border:none;
}	
	
#MC_CONTENT .mc_registration .mc_lan{
	padding-top:20px;
	padding-bottom:20px;
}		
	
.mc_lan .styled-select {
	width:470px;
    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: 470px;
	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; 
}
	
#MC_CONTENT .mc_registration .right p{
	font-size:14px;
	color:#F06;
	line-height:1.4;
	padding-bottom:16px;
}
	
#MC_CONTENT .mc_registration .mc_next{
	width:140px;
	height:36px;
	margin:0 auto;
}	
	
#MC_CONTENT .mc_registration .mc_next 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;
}	
	
#MC_CONTENT .mc_registration .mc_next a:hover{
	color:#FFF;
	background-color:#00ccff;
}		

/*-----------------------------------------登入頁--------------------------------------------*/	

#SOLUTION_CONTENT{
	clear:both;
	width:1080px;
	margin:0 auto;
	padding-top:43%;
	padding-bottom:8%;
}
	
#SOLUTION_CONTENT .products_line{
	width:1080px;
	margin:0 auto;
	padding-bottom:8%;
}	
	
#SOLUTION_CONTENT .products_line ul{
	list-style:none;
	overflow:hidden;
}
	
#SOLUTION_CONTENT .products_line li{
	display:block;
	width:180px;
	height:180px;
	float:left;
}	
	
#SOLUTION_CONTENT .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;
}
	
#SOLUTION_CONTENT .products_line li a:hover{
	color:#63dcfa;
}
	
#SOLUTION_CONTENT .products_line li .usb{background-image:url(images/desktop/icon_usb.png);}
#SOLUTION_CONTENT .products_line li .hard{background-image:url(images/desktop/icon_phd.png);}	
#SOLUTION_CONTENT .products_line li .card{background-image:url(images/desktop/icon_card.png);}	
#SOLUTION_CONTENT .products_line li .ssd{background-image:url(images/desktop/icon_ssd.png);}	
#SOLUTION_CONTENT .products_line li .modules{background-image:url(images/desktop/icon_memory.png);}	
#SOLUTION_CONTENT .products_line li .power{background-image:url(images/desktop/icon_power.png);}	

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


#SOLUTION_CONTENT .solution_PRO{
	width:1080px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:100px;
}
	
#SOLUTION_CONTENT .solution_PRO h4{
	text-align:center;
	color:#333;
	font-size:56px;
}	
	
#SOLUTION_CONTENT .solution_PRO .pro_line_pic{
	width:1080px;
	padding-top:100px;
}	
	
#SOLUTION_CONTENT .solution_PRO ul{
	list-style:none;
	overflow:hidden;
}
	
#SOLUTION_CONTENT .solution_PRO li{
	display:block;
	width:270px;
	height:380px;	
	text-align:center;
	font-size:18px;
	color:#0a4d77;
	float:left;
}		

/*---------------------------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;
	width: 120px;
	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;}
		
/*---------------------------------------gallary page-----------------------------------------------*/

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

#GALLARY_BANNER{
	width:100%;
	padding-top:146px;
	position: relative;
	cursor: pointer;
}
	
#GALLARY_BANNER img{
	width:100%;
	height:auto;
}

#GALLARY_BANNER .movie_play{
	width: 120px;
	height: 120px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-60px; 
	margin-top: -10px;
	opacity: 0.7;
	cursor: pointer;
	background-color: #666;
	border-radius: 50%;
}	

#GALLARY_BANNER .movie_play img{
	width: 100%;
}

#GALLARY_BANNER:hover{
	opacity: 0.9;
}

#GALLARY_BANNER:hover > .movie_play{
	background-color: #00ccff;
}

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

/*-----------------------------------------content---------------------------------------------------*/
	
#GALLARY_CONTENT{
	width:1080px;
	margin:0 auto;
	padding-bottom:8%;
}	

/*-----------------20170720--------------------*/

#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ{
	width:1080px;
	padding:80px 0 20px 0;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ ul{
	display:block;
	width:1080px;
	list-style:none;
	overflow:hidden;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li{
	display:block;
	width:225px;
	height: 45px;
	margin-top:12px;
	margin-right:50px;
	float:left;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li:last-child{
	margin-right:0px;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li a{
	display: block;
	width: 225px;
	height: 45px;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	color:#f51071;
	border: 1px solid #f51071;
	text-decoration: none;
	border-radius: 22px;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li a:hover{
	color: #fff;
	background-color: #f51071;
}

/*-----------------20170720end------------------*/
	
#GALLARY_CONTENT #PAGE_SELECT_MAIN{
	width:1080px;
	padding:80px 0 20px 0;
	border-bottom:1px solid #cccccc;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN h4{
	color:#0a4d77;
	font-size:30px;
	line-height:1.6;
	padding-bottom:10px;
	text-indent:4px;
	text-align:left;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN h4 span{
	color:#003366;
	font-size:16px;
	line-height:1.6;
	padding:0 0 10px 10px;
	text-indent:4px;
	text-align:left; 
}
	
#GALLARY_CONTENT #PAGE_SELECT_MAIN ul{
	display:block;
	width:1080px;
	list-style:none;
	overflow:hidden;
}	
	
#GALLARY_CONTENT #PAGE_SELECT_MAIN li{
	display:block;
	width:280px;
	margin-top:12px;
	margin-right:9px;
	float:left;
}

#GALLARY_CONTENT #PAGE_SELECT_MAIN li:last-child{
	margin-right:0px;
}	
		
#GALLARY_CONTENT #PAGE_SELECT_MAIN li a{
	display:block;
	width:280px;
	height:42px;
	color:#00ccff;
	font-size:16px;
	line-height:42px;
	text-align:center;
	text-decoration:none;
	background-color:#FFF;
	border:1px solid #00ccff;
	border-radius:21px;
}
	
#GALLARY_CONTENT #PAGE_SELECT_MAIN li a:hover{
	color:#FFF;
	background-color:#00ccff;
}					

#GALLARY_CONTENT #PAGE_SELECT{
	width:1080px;
	padding:30px 0 20px 0;
	border-bottom:1px solid #cccccc;
}
	
#GALLARY_CONTENT #PAGE_SELECT h4{
	color:#0a4d77;
	font-size:30px;
	line-height:1.6;
	padding-bottom:10px;
	text-indent:4px;
	text-align:left;
}	
	
#GALLARY_CONTENT #PAGE_SELECT ul{
	display:block;
	width:1080px;
	list-style:none;
	overflow:hidden;
}	
	
#GALLARY_CONTENT #PAGE_SELECT li{
	display:block;
	width:208px;
	margin-top:12px;
	margin-right:9px;
	float:left;
}	
		
#GALLARY_CONTENT #PAGE_SELECT li a{
	display:block;
	width:212px;
	height:42px;
	color:#0a4d77;
	font-size:16px;
	line-height:42px;
	text-align:center;
	text-decoration:none;
	background-color:#FFF;
	border:1px solid #0a4d77;
	border-radius:21px;
}
	
#GALLARY_CONTENT #PAGE_SELECT li a:hover{
	color:#0a4d77;
	background-color:#CCC;
	border:1px solid #FFF;
}
	
#GALLARY_CONTENT .gallary_PRO{
	width:1080px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:100px;
}	
	
/*----------20190912-----------*/	
	
#GALLARY_CONTENT .gallary_PRO .pro_pic{
	width:1080px;
	padding-top:74px;        /*改*/
}
	
#GALLARY_CONTENT .gallary_PRO h3{            /*新增*/
	color: #003366;
	font-size: 28px;
	padding-bottom: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	overflow:hidden;
}

/*20200724*/

#GALLARY_CONTENT .gallary_PRO h5{
	font-size: 24px;
	background-color: #f5f5f5;
	padding: 8px 32px;
	position: relative;
	color: #003366;
}

#GALLARY_CONTENT .gallary_PRO h5:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	color:#fff;
	border-top:20px solid #00ccff;
	border-right:20px solid transparent;
}

#GALLARY_CONTENT .gallary_PRO h5:after{
	content:'';
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:0;
	height:0;
	color:#fff;
	border-bottom:20px solid #fff;
	border-left:20px solid transparent;
}

/*----------20190912 end-----------*/
	
#GALLARY_CONTENT .gallary_PRO ul{
	list-style:none;
	overflow:hidden;
}
	
#GALLARY_CONTENT .gallary_PRO li{
	display:block;
	width:270px;
	height:380px;
	text-align:center;
	color:#0a4d77;
	float:left;
}	
	
#GALLARY_CONTENT .gallary_PRO li p{
	font-size:16px;
	line-height:1.4;
	text-align:center;
	padding:0 15px 20px 15px;
}				

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

#PAGE_CONTENT{
	width:100%;
	padding-top:146px;
}
	
#SULDE_SHOW{
	width:100%;
	border-bottom:1px solid #999;
}

#INTRO_SHOW{
	width:1080px;
	margin:0 auto;
	padding-bottom:100px;
}

#INTRO_SHOW .video_show li{
	margin-top:100px;
}	

#INTRO_SHOW .video_show video{
	width:1080px;
}	
	
#INTRO_SHOW .show{
	width:624px;
	margin:0 auto;
	position:relative;
}	
	
#INTRO_SHOW .show #show_pic{
	width:560px;
	margin:0 auto;
	position:relative;
}	
	
#INTRO_SHOW .show #show_pic img{
	width:560px;
	height:560px; 
}	

#INTRO_SHOW .show #show_pic .aw{
	display:block;
	position:absolute;
	width:474px;
	height:560px;
	overflow:hidden;
	top:0;
	left:43px;
	z-index:999;
}

#INTRO_SHOW .show #show_pic .aw .aw_area:before{
	content:"";
	position:absolute;
	left:-30px;
	top:10px;
	width:0;
	height:0px;
	border-style:solid;
	border-width:20px 20px 20px 00px;
	border-color: transparent rgba(0,192,255,.6) transparent transparent ;
	cursor:pointer;
}

#INTRO_SHOW .show #show_pic .aw .aw_area{
	position:absolute;
	top:480px;
	left:480px;
	width:390px;
	height:60px;
	color:#aaa;
	opacity:0.65;
	transition:all .7s .1s ease-out;
	-webkit-transition:all .7s .1s ease-out;
	-ms-transition:all .7s .1s ease-out;
	-moz-transition:all .7s .1s ease-out;
	-o-transition:all .7s .1s ease-out;
}

#INTRO_SHOW .show #show_pic .aw:hover > .s1{
	left:90px;
}

#INTRO_SHOW .show #show_pic .aw .aw_area:hover {
	left:90px;
}

#INTRO_SHOW .show #show_pic .aw ul li{
	float: left;
	width:120px;
	height:60px;
}	

#INTRO_SHOW .show #show_pic .aw li img{
	width:auto;	
	height:60px;
	-webkit-filter:grayscale(1);
	-moz-filter:grayscale(1);
	-ms-filter:grayscale(1);
	-o-filter:grayscale(1);
	filter: gray;/*ie6~9*/
	filter:grayscale(1);
}	
	
#INTRO_SHOW h2{
	clear:both;
	font-size:44px;
	color:#666;
	text-align:center;
	padding-top:0px;
}	

#INTRO_SHOW h6{
	clear:both;
	font-size:44px;
	color:#666;
	text-align:center;
	padding-top:0px;
	line-height:1.6;
}		
	
#INTRO_SHOW p{
	font-size:32px;
	color:#999;
	text-align:center;
	padding-top:20px;
	padding-bottom:100px;
}	
	
#INTRO_SHOW #SELECT{
	display:block;
	width:1080px;
	margin:0 auto;
	text-align:center;	
}	
	
#INTRO_SHOW #SELECT ul{
	list-style:none;
	overflow: hidden;
	display:inline-block;	
}			

#INTRO_SHOW #SELECT li{
	width:360px;
	height:52px;
	float:left;
}

#INTRO_SHOW #SELECT li a{
	display:block;
	width:250px;
	height:50px;
	margin:0 auto;
	font-size:22px;
	text-align:center;
	text-decoration:none;
	color:#00ccff;
	line-height:50px;
	background-color:#FFF;
	border-radius:40px;
	border:1px solid #00ccff;
}
	
#INTRO_SHOW #SELECT li a:hover{
	background-color:#00ccff;
	color:#FFF;
}	
	
#INTRO_SHOW #PHONE_SELECT{display:none;}
	
/*------------------------------------------intro page feature---------------------------------------*/

#PRO_INTRO_VIDEO{
	width:100%;
	padding-top:70px;
	padding-bottom:90px;
	background-color:#f0efef;
}

#PRO_INTRO_FEATUER_01{
	width:100%;
	padding-bottom:90px;
	background-color:#000;
}	
	
#PRO_INTRO_FEATUER_02{
	width:100%;
	padding-bottom:90px;
	background-color:#009af2;
}	
	
#PRO_INTRO_FEATUER_03{
	width:100%;
	padding-bottom:90px;
	background-color:#000;
}	
	
#PRO_INTRO_FEATUER_04{
	width:100%;
	padding-bottom:90px;
	background-color:#FFF;
}			
		
.PRO_INTRO{
	width:1080px;
	margin:0 auto;
}	
	
.PRO_INTRO .PRO_INTRO_IMG{
	width:1080px;
	text-align:center;
}	
	
.PRO_INTRO .PRO_INTRO_IFRAME{
	width:1080px; 
	margin:0 auto;
	text-align:center;	 
}	
	
#PRO_INTRO_VIDEO .PRO_INTRO p{
	width:820px;
	font-size:14px;
	line-height:1.6;
	text-align:center;
	color:#333;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
}		

#PRO_INTRO_FEATUER_01 .PRO_INTRO h4{
	width:820px;
	font-size:32px;
	line-height:1.4;
	color:#FFF;
	padding-top:30px;
	text-align:left;
	margin:0 auto;
}	
	
#PRO_INTRO_FEATUER_01 .PRO_INTRO p{
	width:820px;
	font-size:14px;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	line-height:1.6;
	text-align:left;
	color:#999;
	margin:0 auto;
	padding:20px 0% 30px 0%;
}
	
#PRO_INTRO_FEATUER_02 .PRO_INTRO h4{
	width:820px;
	font-size:32px;
	line-height:1.4;
	color:#FFF;
	padding-top:30px;
	text-align:left;
	margin:0 auto;
}	
	
#PRO_INTRO_FEATUER_02 .PRO_INTRO p{
	width:820px;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	font-size:14px;
	line-height:1.6;
	text-align:left;
	color:#FFF;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
}	

#PRO_INTRO_FEATUER_03 .PRO_INTRO h4{
	width:820px;
	font-size:32px;
	line-height:1.4;
	color:#FFF;
	padding-top:30px;
	text-align:left;
	margin:0 auto;
}	
	
#PRO_INTRO_FEATUER_03 .PRO_INTRO p{
	width:820px;
	font-size:14px;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	line-height:1.6;
	text-align:left;
	color:#999;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
}

#PRO_INTRO_FEATUER_04 .PRO_INTRO h4{
	width:820px;
	font-size:32px;
	line-height:1.4;
	color:#333;
	padding-top:30px;
	text-align:left;
	margin:0 auto;
}	
	
#PRO_INTRO_FEATUER_04 .PRO_INTRO p{
	width:820px;
	font-size:14px;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	line-height:1.6;
	text-align:left;
	color:#666;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
}

/*------------------------------------------intro page spc---------------------------------------*/

#SP_SPC{
	width:100%;
	padding-top:160px;
	padding-bottom:80px;
	background-color:#dbdbdb;
	border-top:1px solid #333;
}

#SP_SPC #SPC_W{
	width:1080px;
	margin:0 auto;
	text-align:center;	
}	

#SP_SPC h4{
	text-align:center;
	font-size:60px;
	padding-bottom:40px;
	color:#333;
}

#SP_SPC .LIST{
	padding-top:80px;
}
	
#SP_SPC .LIST .GRAY{
	clear:both;
	width:100%;
	display:block;
	background-color:#CCC;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	font-size:13px;
	overflow:hidden;
}
	
#SP_SPC .LIST .WHITE{
	clear:both;
	width:100%;
	display:block;
	background-color:#dbdbdb;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	font-size:13px;
	overflow:hidden;
}	

#SP_SPC .LIST .LEFT_LINE{
	display:block;
	width:339px;
	padding:10px;
	text-align:left;
	float:left;
}	

#SP_SPC .LIST .RIGHT_LINE{
	display:block;
	width:739px;
	padding:10px;
	text-align:left;
	float:right;
	border-left:2px solid #dbdbdb;
}

#SP_FEATURE{
	width:100%;
	padding-top:80px;
	padding-bottom:130px;
	background-color:#dbdbdb;
}
	
#SP_FEATURE #SP_FEATUER_W{
	width:1080px;
	margin:0 auto;
}	

#SP_FEATURE h4{
	text-align: left;
	font-size:60px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
	color:#333;
	line-height:45px;
	padding-bottom:20px;
}
	
#SP_FEATURE ul{
	list-style:disc;
	padding-top:20px;
	padding-left:20px;
	padding-right:0;
}	

#SP_FEATURE li{
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	font-size:13px;
	line-height:1.8;
	color:#666;
	text-align:left;
}	
	
/*-------------------------sharing------------------------------*/	

.sharing_phone{
	display: none;
}

/*------------------------------pd_support list---------------------------------*/

#pd_support{
	width:1080px;
	margin:0 auto;
	padding-top:160px;
	padding-bottom:120px;
}

#pd_support h4{	
	font-size:32px;
	color:#333;
	border-bottom:none;
}

#pd_support .list-group,.dev_btn .list-group{
    flex-direction:row;
}

.list-group{
	flex-direction:row;
	border-bottom:none;
}

#pd_support .list-group-item:first-child,#pd_support .list-group-item:last-child{
	border-radius: 0;
	background-color:#dbdbdb;
	font-size: 1.1em;
	border:1px solid #bbb;	
}

#pd_support .list-group-item:last-child{
	border-bottom:none;
}

#pd_support .list-group-item.active{
	background-color: #009af2;
	border:1px solid #009af2;
	border-bottom:none;
}

.pd-btn{
	border-bottom: 1px solid #ccc;
}

.support_item h5{
	color:#00ccff;
	font-size: 2.4em;
}

.support_item h6{
	display: block;
	font-size: 1.5em;
	background-color: #009af2;
	padding: 12px 0px 12px 24px;
	margin-left: -15px;
	margin-right: -15px;
	color: #fff;
}

.support_item .support_device{
	border:1px solid #ccc;
	background-color:#ccc;
	padding: 12px;
}

.support_item .support_device div{
	padding: 12px;	
	border-right:1px solid #dbdbdb;
	line-height: 1.4;
}

.support_item .support_device div:nth-child(4n){
	border: none;
}

#pd_support p{
	line-height: 1.4;
}

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

#ORDER_INFO_GENERAL{
	display:block;
	width:1080px;
	margin:0 auto;
	padding-top:160px;
	padding-bottom:120px;
	overflow:hidden;
}	
	
/*---------------20201207---------------*/	
	
#ORDER_INFO_GENERAL .title_XD{
	display:flex;	
	overflow:hidden;
}	
	
#ORDER_INFO_GENERAL h4{	
	line-height: 1;
	font-size:32px;
	color:#333;
	border-right:1px solid #FFF;
	border-bottom:none;
	padding:0px 10px 0px 0px;
}	
	
#ORDER_INFO_GENERAL h3{	
	line-height: 1;
	font-size:32px;
	color:#0099ff;
	padding-left:10px;
}

#ORDER_INFO_GENERAL h3 font{
	color: #888;
}

/*--------------------------------------------*/
	
#ORDER_INFO_GENERAL .order_box{
	width:359px;
	border-left:1px solid #dbdbdb;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	padding:20px 0;
}
	
#ORDER_INFO_GENERAL .order_box h6{
	display:block;
	width:359px;
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#FFF;
	text-indent:14px;
	background-color:#069;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}
	
#ORDER_INFO_GENERAL .order_box ul{
	list-style:none;
	overflow:hidden;
	padding:0;	
}
	
#ORDER_INFO_GENERAL .order_box li{
	border-bottom:1px solid #dbdbdb;
	background-color:#7fdafc;
	color:#000;
	padding:14px;
}	
	
#ORDER_INFO_GENERAL .order_box li span{
	float:right;
	color:#006699;
}	
		
/*-----------------------------增加的顏色標示-----------------------------------*/	

#ORDER_INFO_GENERAL .order_box li p{
	display:inline-block;
	width:8px;
	height:8px;
	background-color:#e48080;
	border-radius:50%;
	margin-right:8px;
}		

/*------------------------------------------------------------------*/	
		
#ORDER_INFO_DRAM{
	display:block;
	width:1080px;
	margin:0 auto;
	padding-top:160px;
	padding-bottom:120px;
	overflow:hidden;
}	

/*--------20201207----------*/	

#ORDER_INFO_DRAM .title_XD{
	display:flex;	
	overflow:hidden;
}	
		
#ORDER_INFO_DRAM h4{	
	height: 60px;
	line-height: 60px;
	font-size:32px;
	color:#333;
	border-right:1px solid #FFF;
	border-bottom:none;
	padding:0px 10px 0px 0px;
}	
		
#ORDER_INFO_DRAM h3{	
	line-height: 1;
	font-size:32px;
	color:#0099ff;
	padding-left:10px;
}
	
#ORDER_INFO_DRAM h3 font{
	color: #888;
}

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

#ORDER_INFO_DRAM .all_TB{
	clear:both;
	width:auto;
	margin:20px 0 0 0;
}		

#ORDER_INFO_DRAM td{
	width:270px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}	
	
#ORDER_INFO_DRAM .td_capacity{
	height:40px;
	font-size:14px;
	color:#FFF;
	background-color:#069;
}	
	
#ORDER_INFO_DRAM .td_code{
	height:60px;
	font-size:12px;
	color:#006699;
	background-color:#7fdafc;
	line-height:1.3;
}
	
#ORDER_INFO_DRAM .td_code span{
	color:#000;
	font-size:14px;
}		
				
.CAUTION{
	padding-top:20px;
	clear:both;
}       
        
.CAUTION h5{
	padding:20px 10px 0px 10px;
	font-size:16px;
	color:#666;
	font-weight:400;
	text-align:left;
}

.CAUTION p{
	font-family:Verdana, Geneva, "微軟正黑體", sans-serif;
	font-size:13px;
	color:#999;
	text-align:left;
	line-height:1.5;
	padding:10px 10px 0px 10px;
	text-align:justify;
}             

/*----------------20201117----------------*/

#ORDER_INFO_DRAM .desktop_number_dram{
	display: block;
}

#ORDER_INFO_DRAM .mobile_number_dram{
	display: none;
}

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

#AWARD{
	width:1080px;
	margin:0 auto;
	padding-top:60px;
}
	
#AWARD .award_table{
	width:1080px;
	margin:20px 0 0 0;
	display:table;
}
	
#AWARD .award_phone_table{
	display:none;
}
	
#AWARD .award_td{
	display:table-cell;
	width:20%;
	padding:8px;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	text-align:center;
	vertical-align:middle;
	color:#333;
	background-color:#999;
}	
	
#AWARD .award_td_01{
	display:table-cell;
	width:20%;
	padding:8px;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	text-align:center;
	vertical-align:middle;
	background-color:#dbdbdb;
}
		
#AWARD .award_td_01 a{
	color:#036;
	text-decoration:none;
}	

#AWARD .award_td_01 a:hover{
	color:#0FF;
}	
	
#AWARD .award_td_02{
	display:table-cell;
	width:20%;
	padding:8px;
	font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
	text-align:center;
	vertical-align:middle;
	background-color:#CCC;
}
	
#AWARD .award_td_02 a{
	color:#036;
	text-decoration:none;
}	

#AWARD .award_td_02 a:hover{
	color:#0FF;
}			

#AWARD img{
	width:auto;
	height:60px;
	mix-blend-mode:multiply;
}			

#DOWNLOAD{
	width:1080px;
	margin:0 auto;
	padding-top:140px;
	padding-bottom:150px;
	overflow:hidden;
}
	
#DOWNLOAD h5{
	font-size:24px;
	padding-top:20px;
	padding-bottom:10px;
	color:#00ccff;
}	
	
#DOWNLOAD .LIST_TABLE{
	width:1080px;
}

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

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

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

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

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

/*---------------------------------------Compatibility--------------------------------------------*/

#COMPATIBILIYT_BANNER{
	width:100%;
	height:auto;
	padding-top:146px;
}
	
#COMPATIBILIYT_BANNER img{
	width:100%;
	height:auto;
}	
	
#SEARCH_INFO{
	width:960px;
	margin:0 auto;
	padding:100px 0px;
}	
	
#SEARCH_INFO h4{
	color:#333;
	font-size:18px;
	line-height:1.6;
	padding-bottom:60px;
}
	
#SEARCH_INFO .search_select{
	width:960px;
	height:700px;
	overflow:hidden;
}	
	
#SEARCH_INFO .search_select .left{
	width:480px;
	float:left;
}
	
#SEARCH_INFO .search_select .right{
	width:480px;
	float:right;
	padding-top:0;
}
	
#SEARCH_INFO .search_select .select{
	width:440px;
	padding:15px 0;
}		

#SEARCH_INFO .search_select .select p{
	color:#003366;
	font-size:14px;
	padding:8px 0;
}
	
#SEARCH_INFO .search_select .styled-select {
	width:440px;
    height: 34px;
    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;
}	
	
#SEARCH_INFO .search_select .styled-select select{
	background: transparent;
	width: 440px;
	padding:5px 10px 5px 10px;
	font-size: 16px;
	border: none;
	border-radius:17px;
	height: 34px;  
	-webkit-appearance: none;
	-ms-appearance: none; 
	-moz-appearance: none; 
}
	
#SEARCH_INFO .search_select .styled-text input {
	width:440px;
    height: 34px;
    overflow: hidden;
	border:none;
	border-radius:0px;
	background-color:#dbdbdb;
	padding:0px 8px;
	font-size: 16px;
}	
	
#SEARCH_INFO .search_select .check_L{
	width:220px;
	height:40px;
	margin:0 auto;
	padding-top:60px;
}
	
#SEARCH_INFO .search_select .check_R{
	width:220px;
	height:40px;
	margin:0 auto;
	padding-top:60px;
}	
	
#SEARCH_INFO .search_select a{
	display:block;
	width:220px;
	height:40px;
	border-radius:20px;
	border:1px solid #00ccff;
	line-height:40px;
	font-size:16px;
	color:#00ccff;
	text-align:center;
	background-color:#FFF;
	font-family:"ROBOTO";
}
	
#SEARCH_INFO .search_select a:hover{
	background-color:#00ccff;
	color:#FFF;
}			
	
#SEARCH_INFO #SEARCH_ANSWER{
	clear:both;
	width:960px;
	padding-top:100px;
	padding-bottom:100px;
	border-top:1px solid #999;
}
	
#SEARCH_INFO #SEARCH_ANSWER	.answer_info{
	width:560px;
	height:40px;
}
	
#SEARCH_INFO #SEARCH_ANSWER	.answer_info ul{
	width:660px;
	height:40px;
	overflow:hidden;
}	
	
#SEARCH_INFO #SEARCH_ANSWER	.answer_info li{
	display:block;
	width:220px;
	height:40px;
	font-size:16px;
	line-height:40px;
	float:left;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .info{
	width:960px;
	padding-top:40px;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .info ul{
	list-style:disc;
	padding-left:14px;
	width:960px;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .info li{
	color:#000;
	font-size:14px;
	line-height:2;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .info li span{
	color:#02a2cb;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list{
	display:block;
	padding-top:70px;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list h3{
	font-size:36px;
	color:#000;
	padding-bottom:25px;
}
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list table{
	width:960px;
	height:auto;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list td{
	width:182px;
	padding:8px;
	background-color:#000;
	border-bottom:1px solid #FFF;
	color:#FFF;
	text-align:center;
	font-size:14px;
	line-height:1.4;
}
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list .td_blue{
	background-color:#66ccff;
	color:#000;
}
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list .td_white{
	background-color:#FFF;
	color:#02a2cb;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list .td_white a{
	display:block;
	width:90px;
	height:30px;
	border-radius:15px;
	background-color:#afe0f8;
	text-decoration:none;
	color:#003366;
	margin:0 auto;
	line-height:30px;
}	
	
#SEARCH_INFO #SEARCH_ANSWER .answer_list .td_white a:hover{
	background-color:#c9eafa;
}		

#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone{
	display:none;
}
	
.select_list{
	width:100%;
	padding:16px 0;
	overflow:hidden;
}	
	
.select_list ul{
	width:180px;
	list-style:none;
	overflow:hidden;
	float:right;
}	
	
.select_list li{
	float:left;
	margin-left:10px;
}
	
.select_list li a{
	display:block;
	text-align:center;
	width:20px;
	height:20px;
	line-height:20px;
	color:#00ccff;
	font-size:14px;
	text-decoration:none;
	background-color:#fff;
}
	
.select_list li a:hover{
	background-color:#00ccff;
	color:#fff;
}		
	
.select_list_phone{
	display:none;
}	

/*------------------------------------------page end---------------------------------------------*/
	
/*--------------------------------------------phone style-----------------------------------------------*/

@media screen and (max-width: 768px) , screen and  (orientation: portrait) and (max-width:1080px){

	*{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
		
	html,body{
		background-color:#FFF;
		font-family: 'Roboto',Verdana, Geneva,"微軟正黑體"  sans-serif;
		font-size:13px;
		-webkit-text-size-adjust:none;
	}
		
	/*-----------------------------------------desktop header---------------------------------------------*/	
		
	#NAV{display:none;}
	#SIDE{display:none;}

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

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

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

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

	#SOLUTION_BANNER{
		width:100%;
		height:0;
		padding-bottom:75%;
		background-image: url(images/phone/Topic_Page_banner.png);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:cover;
		position:absolute;
		top:60px;
		overflow:hidden;
	}

	#SOLUTION_BANNER .left_AR{
		width:32px;
		height:32px;
		background-image:url(images/desktop/banner_left.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:32px 32px;
		text-indent:-9999px;
		padding-top:40%;
		padding-left:10%;
		float:left;
	}
		
	#SOLUTION_BANNER .right_AR{
		width:32px;
		height:32px;
		background-image:url(images/desktop/banner_right.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:32px 32px;
		text-indent:-9999px;
		padding-top:40%;
		padding-right:10%;
		float:right;
	}
		
	#SOLUTION_BANNER .bar{
		display:none;
	}	

	/*------------------------------------------content-----------------------------------------------*/
	/*--------------------------登入頁pup--------------------------------*/
	
	.mcbg{
		width: 90%;
		margin:0 auto;
		background-color: #fff;
		opacity:1;
		border-radius:0px;
		padding-left: 3%;
		border: 1px solid #00ccff;
		box-shadow: 6px 6px 10px #ccc;
		position: absolute;
		top:45%;
		left: 5%;
	}

	.mcbg .mcpup_x{
		width: 30px;
		height: 30px;
		right: 10px;
		color: #fff;
		top: 20px;
		position: absolute;
		cursor: pointer;
		background-color: #00ccff;
		border-radius: 50%;
		text-align: center;
		padding-top: 5px;
	}

	.mcpup{
		position: relative;
	}
	
	/*-----------------------------------------登入頁--------------------------------------------*/
	
	#MC_CONTENT{
		width:90%;
		margin:0 auto;
		padding:20% 0 20% 0;
	}
	
	/*-------------------------1107 CSS修改----------------------------*/
	
	#MC_CONTENT .mc_title{
		padding:0 0 8% 0;
		overflow:hidden;
	}
		
	#MC_CONTENT .mc_title h2{
		display:block;
		width:100%;
		height:45px;
		line-height:45px;
		float:left;
		font-size:32px;
		color:#00ccff;
		border-right:none;
	}
		
	#MC_CONTENT .mc_title p{
		display:block;
		width:100%;
		height:auto;
		font-size:14px;
		line-height:1.3;
		padding-left:0px;
		padding-top:6px;
		float:left;
	}	

	#MC_CONTENT .mc_title ul{
		width: 400px;
		float:left;
		padding-left:20px;
		padding-top:16px;
		list-style: disc;
	}	

	#MC_CONTENT .mc_title li:nth-child(1),#MC_CONTENT .mc_title li:nth-child(2){
		color:#F06;
	}	
	
	/*-----------------------------------------------------*/
	
	#MC_CONTENT .mc_registration{
		clear:both;
		width:100%;
		overflow:hidden;
	}

	#MC_CONTENT .mc_registration .left{
		width:100%;
		float:none;
	}
		
	#MC_CONTENT .mc_registration h4{
		height:60px;
		line-height:60px;
		font-size:24px;
		color:#00ccff;
		padding-bottom:10px;
	}
		
	#MC_CONTENT .mc_registration .mc_account{
		padding-top:0px;
		padding-bottom:20px;
	}
	
	#MC_CONTENT .mc_registration .mc_password{
		padding-top:10px;
		padding-bottom:30px;
	}
		
	#MC_CONTENT .mc_registration .mc_login{
		width:140px;
		height:36px;
		padding-left:0px;
		margin:0 auto;
	}	
		
	#MC_CONTENT .mc_registration .mc_login 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;
	}	
		
	#MC_CONTENT .mc_registration .mc_login a:hover{
		color:#FFF;
		background-color:#00ccff;
	}
		
	#MC_CONTENT .mc_registration .left p{
		padding-left:0px;
		text-align:center;
		padding-top:16px;
	}	
		
	#MC_CONTENT .mc_registration .left p a{
		font-size:13px;
		text-decoration:none;
		color:#62defd;
		letter-spacing:1px;
	}
		
	#MC_CONTENT .mc_registration .left p a:hover{
		color: #95e8fd;
	}					
		
	#MC_CONTENT .mc_registration .left input{
		width:100%;
		height:32px;
		font-size:14px;
		color:#999;
		background-color:#dbdbdb;
		padding:8px;
		border:none;
	}	
		
	#MC_CONTENT .mc_registration .right{
		width:100%;
		float:none;
		overflow:hidden;
	}		
		
	#MC_CONTENT .mc_registration .mc_fb_login {
		height:22px;
		line-height:22px;
		display: block;
		font-size:14px;
		float:left;
	}	
		
	#MC_CONTENT .mc_registration .fb_login{
		float:left;
	}	
		
	#MC_CONTENT .mc_registration .fb_login a{
		display: block;
		width:75px;
		height:22px;
		background-image:url(images/desktop/member_center_like.jpg);
		background-position:right center;
		background-repeat:no-repeat;		
	}
		
	#MC_CONTENT .mc_registration .mc_mail_login{
		clear:both;
		padding-top:20px;
		padding-bottom:30px;
		font-size:14px;
	}
		
	#MC_CONTENT .mc_registration .mail_login{
		font-size:14px;
	}	
		
	#MC_CONTENT .mc_registration .right input{
		width:100%;
		height:32px;
		font-size:14px;
		color:#999;
		background-color:#dbdbdb;
		padding:8px;
		border:none;
	}	
		
	#MC_CONTENT .mc_registration .mc_lan{
		padding-top:30px;
		padding-bottom:20px;
	}		
		
	.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; 
	}
		
	#MC_CONTENT .mc_registration .right p{
		width:100%;
		font-size:14px;
		color:#F06;
		line-height:1.4;
		padding-bottom:24px;
	}
		
	#MC_CONTENT .mc_registration .mc_next{
		width:140px;
		height:36px;
		margin:0 auto;
	}	
		
	#MC_CONTENT .mc_registration .mc_next 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;
	}	
		
	#MC_CONTENT .mc_registration .mc_next a:hover{
		color:#FFF;
		background-color:#00ccff;
	}	
	
	/*-----------------------------------------登入頁--------------------------------------------*/	

	#SOLUTION_CONTENT{
		clear:both;
		width:100%;
		margin:0 auto;
		padding-top:100%;
		padding-bottom:8%;
	}
		
	#SOLUTION_CONTENT .products_line{
		width:90%;
		margin:0 auto;
		padding-bottom:8%;
	}	
		
	#SOLUTION_CONTENT .products_line ul{
		list-style:none;
		overflow:hidden;
	}
		
	#SOLUTION_CONTENT .products_line li{
		display:block;
		width:33.3%;
		height:160px;
		float:left;
	}	
		
	#SOLUTION_CONTENT .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;
	}
		
	#SOLUTION_CONTENT .products_line li a:hover{
		color:#63dcfa;
	}
		
	#SOLUTION_CONTENT .products_line li .usb{background-image:url(images/desktop/icon_usb.png);}
	#SOLUTION_CONTENT .products_line li .hard{background-image:url(images/desktop/icon_phd.png);}	
	#SOLUTION_CONTENT .products_line li .card{background-image:url(images/desktop/icon_card.png);}	
	#SOLUTION_CONTENT .products_line li .ssd{background-image:url(images/desktop/icon_ssd.png);}	
	#SOLUTION_CONTENT .products_line li .modules{background-image:url(images/desktop/icon_memory.png);}	
	#SOLUTION_CONTENT .products_line li .power{background-image:url(images/desktop/icon_power.png);}	

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

	#SOLUTION_CONTENT .solution_PRO{
		width:100%;
		margin:0 auto;
		padding-top:8%;
		padding-bottom:20%;
	}
		
	#SOLUTION_CONTENT .solution_PRO h4{
		text-align:center;
		color:#333;
		font-size:32px;
	}	
		
	#SOLUTION_CONTENT .solution_PRO .pro_line_pic{
		width:100%;
		padding-top:8%;
	}	
		
	#SOLUTION_CONTENT .solution_PRO .pro_line_pic img{
		width:100%;
		height:auto;
	}	
		
	#SOLUTION_CONTENT .solution_PRO ul{
		list-style:none;
		overflow:hidden;
	}
		
	#SOLUTION_CONTENT .solution_PRO li{
		display:block;
		width:50%;
		text-align:center;
		font-size:16px;
		color:#0a4d77;
		float:left;
	}		
	
	/*---------------------------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: 10px;
	}

	.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;}		

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

	/*-----------------------------------------banner---------------------------------------------------*/
	/*------1030------*/
	
	#GALLARY_BANNER{
		width:100%;
		padding-top:60px;
		position: relative;
		cursor: pointer;
	}
		
	#GALLARY_BANNER img{
		width:100%;
		height:auto;
	}

	#GALLARY_BANNER .movie_play{
		width: 60px;
		height: 60px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left:-30px; 
		margin-top: -10px;
		opacity: 0.85;
		cursor: pointer;
		background-color: #666;
		border-radius: 50%;
	}	

	#GALLARY_BANNER .movie_play img{
		width: 100%;
	}

	#GALLARY_BANNER:hover{
		opacity: 1;
	}

	#GALLARY_BANNER:hover > .movie_play{
		background-color: #00ccff;
		
	}

	/*---------------------*/
	/*-----------------------------------------content---------------------------------------------------*/
		
	#GALLARY_CONTENT{
		width:100%;
		margin:0 auto;
		padding-bottom:8%;
	}	

	/*-----------------20170720--------------------*/

	#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ{
		width:92%;
		margin: 0 auto;
		padding:20px 0 0px 0;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ ul{
		display:block;
		width:100%;
		list-style:none;
		overflow:hidden;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li{
		display:block;
		width:90%;
		height: 30px;
		margin-top:4%;
		margin-right:2%;
		float:left;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li:last-child{
		margin-right:0;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li a{
		display: block;
		width: 100%;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
		text-align: center;
		color:#f51071;
		border: 1px solid #f51071;
		text-decoration: none;
		border-radius: 22px;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN_CUZ li a:hover{
		color: #fff;
		background-color: #f51071;
	}		

	/*-----------------20170720end--------------------*/	
		
	#GALLARY_CONTENT #PAGE_SELECT_MAIN{
		width:96%;
		margin:0 auto;
		padding:8% 0 8% 0;
		border-bottom:1px solid #cccccc;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN h4{
		color:#0a4d77;
		font-size:22px;
		line-height:1.6;
		padding-bottom:2%;
		text-indent:4px;
		text-align:center;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN ul{
		display:block;
		width:100%;
		list-style:none;
		overflow:hidden;
	}	
		
	#GALLARY_CONTENT #PAGE_SELECT_MAIN li{
		display:block;
		width:48%;
		margin-top:4%;
		margin-right:2%;
		float:left;
	}

	#GALLARY_CONTENT #PAGE_SELECT_MAIN li:last-child{
		margin-right:0px;
	}	
			
	#GALLARY_CONTENT #PAGE_SELECT_MAIN li a{
		display:block;
		width:100%;
		height:32px;
		color:#00ccff;
		font-size:14px;
		line-height:32px;
		text-align:center;
		text-decoration:none;
		background-color:#FFF;
		border:1px solid #00ccff;
		border-radius:16px;
	}
		
	#GALLARY_CONTENT #PAGE_SELECT_MAIN li a:hover{
		color:#FFF;
		background-color:#00ccff;
	}					

	#GALLARY_CONTENT #PAGE_SELECT{
		width:96%;
		margin:0 auto; 
		padding:8% 0 8% 0;
		border-bottom:1px solid #cccccc;
	}
		
	#GALLARY_CONTENT #PAGE_SELECT h4{
		color:#0a4d77;
		font-size:22px;
		line-height:1.6;
		padding-bottom:2%;
		text-indent:4px;
		text-align:center;
	}	
		
	#GALLARY_CONTENT #PAGE_SELECT ul{
		display:block;
		width:100%;
		list-style:none;
		overflow:hidden;
	}	
		
	#GALLARY_CONTENT #PAGE_SELECT li{
		display:block;
		width:48%;
		margin-top:4%;
		margin-right:2%;
		float:left;
	}

	#GALLARY_CONTENT #PAGE_SELECT li:last-child{
		margin-right:0;
	}	
			
	#GALLARY_CONTENT #PAGE_SELECT li a{
		display:block;
		width:100%;
		height:32px;
		color:#0a4d77;
		font-size:14px;
		line-height:32px;
		text-align:center;
		text-decoration:none;
		background-color:#FFF;
		border:1px solid #0a4d77;
		border-radius:16px;
	}
		
	#GALLARY_CONTENT #PAGE_SELECT li a:hover{
		color:#0a4d77;
		background-color:#CCC;
		border:1px solid #FFF;
	}
		
	#GALLARY_CONTENT .gallary_PRO{
		width:100%;
		margin:0 auto;
		padding-top:0;
		padding-bottom:20%;
	}	
		
	#GALLARY_CONTENT .gallary_PRO .pro_pic{
		width:100%;
		padding-top:100px;
	}	

	/*-----------------20200724----------------*/

	#GALLARY_CONTENT .gallary_PRO h3{
		width: 96%;
		margin: 0 auto 12px auto;
	}

	#GALLARY_CONTENT .gallary_PRO h5{
		width: 96%;
		margin: 0 auto;
	}

	/*----------------------------------------------*/
		
	#GALLARY_CONTENT .gallary_PRO ul{
		list-style:none;
		overflow:hidden;
	}
		
	#GALLARY_CONTENT .gallary_PRO li{
		display:block;
		width:50%;
		height:360px;
		text-align:center;
		color:#0a4d77;
		float:left;
	}
		
	#GALLARY_CONTENT .gallary_PRO li p{
		font-size:15px;
		line-height:1.4;
		text-align:center;
		padding:0px 15px 0px 15px;
	}			
		
	#GALLARY_CONTENT .gallary_PRO li img{
		width:100%;
		height:auto;
	}		

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

	#PAGE_CONTENT{
		width:100%;
		padding-top:60px;
	}
		
	#SULDE_SHOW{
		width:100%;
		border-bottom:1px solid #999;
	}

	#INTRO_SHOW{
		width:100%;
		padding-bottom:60px;
	}

	#INTRO_SHOW .video_show li{
		margin-top:0px;
	}	

	#INTRO_SHOW .video_show video{
		width:100%;
	}	
		
	#INTRO_SHOW .show{
		width:100%;
		position:relative;
	}	
		
	#INTRO_SHOW .show #show_pic{
		width:100%;
		margin:0 auto;
		position:relative;
	}	
		
	#INTRO_SHOW .show #show_pic img{
		width:100%;
		height:auto;
	}

	#INTRO_SHOW .show #show_pic .aw{
		display:none;	
	}		
		
	#INTRO_SHOW h2{
		clear:both;
		font-size:32px;
		color:#666;
		text-align:center;
		padding-top:0%;
	}	

	#INTRO_SHOW h6{
		clear:both;
		font-size:32px;
		color:#666;
		text-align:center;
		padding-top:0px;
		line-height:1.6;
	}		
		
	#INTRO_SHOW p{
		font-size:28px;
		color:#999;
		text-align:center;
		padding-top:20px;
		padding-bottom:40px;
	}	
		
	#INTRO_SHOW #SELECT{display:none;}		
		
	#INTRO_SHOW #PHONE_SELECT{
		display:block;
		text-align: center;
		width:100%;
	}
		
	/*-----------20180717--------------*/

	#INTRO_SHOW #PHONE_SELECT ul{
		display:block;
		width:270px;
		height:70px;
		margin:0 auto;
		list-style:none;
		overflow:hidden;
	}	
		
	#INTRO_SHOW #PHONE_SELECT li a{
		display:block;
		width:70px;
		height:70px;
		background-repeat:no-repeat;
		background-position:center center;
		margin:0 10px ;
	}	
		
	#INTRO_SHOW #PHONE_SELECT .left a{
		float:left;
		border: 1px solid #00ccff;
		border-radius:35px ;
		font-size: 20px;
		line-height: 70px;
		text-align: center;
		text-decoration: none;
		color: #00ccff;
	}

	/*------------------------------------------intro page feature---------------------------------------*/

	#PRO_INTRO_VIDEO{
		width:100%;
		padding-top:40px;
		padding-bottom:60px;
		background-color:#f0efef;
	}

	#PRO_INTRO_FEATUER_01{
		width:100%;
		padding-bottom:90px;
		background-color:#000;
	}	
		
	#PRO_INTRO_FEATUER_02{
		width:100%;
		padding-bottom:90px;
		background-color:#009af2;
	}	
		
	#PRO_INTRO_FEATUER_03{
		width:100%;
		padding-bottom:90px;
		background-color:#000;
	}	
		
	#PRO_INTRO_FEATUER_04{
		width:100%;
		padding-bottom:90px;
		background-color:#FFF;
	}			
			
	.PRO_INTRO{
		width:100%;
		margin:0 auto;
		padding-left:0%;
		padding-right:0%;
	}	
		
	.PRO_INTRO .PRO_INTRO_IMG{
		width:100%; 
		margin:0 auto;
		position:relative;
	}
		 
	.PRO_INTRO .PRO_INTRO_IFRAME{
		width:96%; 
		margin:0 auto;
		position:relative;
		padding-bottom:56.25%;
	}	 
		 
	.PRO_INTRO .PRO_INTRO_IFRAME iframe{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	} 
		
	.PRO_INTRO .PRO_INTRO_IMG img{
		width:100%;
		height:auto;
	}		
		
	#PRO_INTRO_VIDEO .PRO_INTRO p{
		width:100%;
		font-size:14px;
		line-height:1.6;
		text-align:center;
		color:#333;
		margin:0 auto;
		padding:20px 4% 30px 4%;
	}		

	#PRO_INTRO_FEATUER_01 .PRO_INTRO h4{
		width:92%;
		font-size:28px;
		line-height:1.4;
		color:#FFF;
		padding-top:30px;
		text-align:left;
		margin:0 auto;
	}	
		
	#PRO_INTRO_FEATUER_01 .PRO_INTRO p{
		width:92%;
		font-size:14px;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		line-height:1.6;
		text-align:left;
		color:#999;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:0px;
	}
		
	#PRO_INTRO_FEATUER_02 .PRO_INTRO h4{
		width:92%;
		font-size:28px;
		line-height:1.4;
		color:#FFF;
		padding-top:30px;
		text-align:left;
		margin:0 auto;
	}	
		
	#PRO_INTRO_FEATUER_02 .PRO_INTRO p{
		width:92%;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		font-size:14px;
		line-height:1.6;
		text-align:left;
		color:#FFF;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:0px;
	}	

	#PRO_INTRO_FEATUER_03 .PRO_INTRO h4{
		width:92%;
		font-size:28px;
		line-height:1.4;
		color:#FFF;
		padding-top:30px;
		text-align:left;
		margin:0 auto;
	}	
		
	#PRO_INTRO_FEATUER_03 .PRO_INTRO p{
		width:92%;
		font-size:14px;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		line-height:1.6;
		text-align:left;
		color:#999;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:0px;
	}

	#PRO_INTRO_FEATUER_04 .PRO_INTRO h4{
		width:92%;
		font-size:28px;
		line-height:1.4;
		color:#333;
		padding-top:30px;
		text-align:left;
		margin:0 auto;
	}	
		
	#PRO_INTRO_FEATUER_04 .PRO_INTRO p{
		width:92%;
		font-size:14px;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		line-height:1.6;
		text-align:left;
		color:#666;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:0px;
	}

	/*------------------------------------------intro page spc---------------------------------------*/

	#SP_SPC{
		width:100%;
		padding-top:80px;
		padding-bottom:40px;
		background-color:#dbdbdb;
		border-top:1px solid #333;
	}

	#SP_SPC #SPC_W{
		width:100%;
		margin:0 auto;
	}
		
	#SP_SPC #SPC_W img{
		width:100%;
		height:auto;
	}		

	#SP_SPC h4{
		text-align:center;
		font-size:40px;
		padding-bottom:40px;
		color:#333;
	}

	#SP_SPC .LIST{
		padding-top:60px;
	}
		
	#SP_SPC .LIST .GRAY{
		clear:both;
		width:100%;
		display:block;
		background-color:#CCC;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		font-size:13px;
		padding:0 3% 0 3%;
		overflow:hidden;
	}
		
	#SP_SPC .LIST .WHITE{
		clear:both;
		width:100%;
		display:block;
		background-color:#dbdbdb;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		font-size:13px;
		padding:0 3% 0 3%;
		overflow:hidden;
	}	

	#SP_SPC .LIST .LEFT_LINE{
		display:block;
		width:100%;
		padding:10px 10px 5px 10px;
		text-align:left;
		float:none;
	}	
	
	#SP_SPC .LIST .RIGHT_LINE{
		display:block;
		width:100%;
		padding:5px 10px 10px 10px;
		text-align:left;
		float:none;
		border-left:none;
		color:#666;
	}

	#SP_FEATURE{
		width:100%;
		padding-top:60px;
		padding-bottom:130px;
		background-color:#dbdbdb;
	}
		
	#SP_FEATURE #SP_FEATUER_W{
		width:100%;
		margin:0 auto;
	}	

	#SP_FEATURE h4{
		text-align:left;
		font-size:40px;
		padding-bottom:10px;
		border-bottom:1px solid #666;
		color:#333;
		line-height:40px;
		padding-left:4%;
		padding-bottom:10px;
	}
		
	#SP_FEATURE ul{
		list-style:disc;
		padding-top:20px;
		padding-left:8%;
		padding-right:4%;
	}	

	#SP_FEATURE li{
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		line-height:1.8;
		color:#666;
		text-align:left;
	}	

	/*-------------------------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;
	}

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

	/*------------------------------pd_support list---------------------------------*/

	#pd_support{
		width:100%;
		margin:0 auto;
		padding-top:160px;
		padding-bottom:120px;
	}

	#pd_support h4{	
		font-size:28px;
		color:#333;
		line-height: 1.5;
		padding-left: 4%;
		border-bottom:1px solid #666;
		padding-bottom:20px;
	}

	#pd_support h5{
		text-align: center;
	}

	#pd_support .list-group-item{
		padding:15px ;
	}

	#pd_support .list-group-item:first-child,#pd_support .list-group-item:last-child{
		font-size: 1.4em;
	}

	.support_item .support_device div:nth-child(2n){
		border: none;
	}
	
	/*-------------------------------------------------------------------*/
		
	#ORDER_INFO_GENERAL{
		display:block;
		width:100%;
		margin:0 auto;
		padding-top:15%;
		padding-bottom:15%;
		overflow:hidden;
	}	
		
	/*---------------20201207---------------*/	
		
	#ORDER_INFO_GENERAL .title_XD{
		display: block;
		padding-bottom:10px;
		overflow:hidden;
	}	
		
	#ORDER_INFO_GENERAL h4{
		width:100%;
		height:40px;
		line-height:40px;
		font-size:40px;
		color:#333;
		border-right:none;
		border-bottom:none;
		float:none;
	}	
		
	#ORDER_INFO_GENERAL h3{
		width:100%;
		font-size:32px;
		color:#0099ff;
		padding-left:4%;
		float:none;
	}

	/*--------------------------------*/	
		
	#ORDER_INFO_GENERAL .order_box{
		width:94%;
		border-left:1px solid #dbdbdb;
		font-family:Verdana, Geneva, sans-serif;
		float:none;
		padding:14px 0;
		margin:0 auto;
	}
		
	#ORDER_INFO_GENERAL .order_box h6{
		display:block;
		width:100%;
		height:40px;
		line-height:40px;
		font-size:16px;
		color:#FFF;
		text-indent:0px;
		text-indent:8%;
		background-color:#069;
		border-bottom:1px solid #dbdbdb;
		border-right:1px solid #dbdbdb;
	}
		
	#ORDER_INFO_GENERAL .order_box ul{
		list-style:none;
		overflow:hidden;
		padding:0;	
	}
		
	#ORDER_INFO_GENERAL .order_box li{
		border-bottom:1px solid #dbdbdb;
		background-color:#7fdafc;
		color:#000;
		padding:8px 8%;
	}	
		
	#ORDER_INFO_GENERAL .order_box li span{
		float:right;
		font-size:12px;
		color:#006699;
	}

	/*-----------------------------增加的顏色標示--------------------------------*/	

	#ORDER_INFO_GENERAL .order_box li p{
		display:inline-block;
		width:6px;
		height:6px;
		background-color:#e48080;
		border-radius:50%;
		margin-right:6px;
	}	
	
	/*--------------------------------------------------------------------*/	
			
	#ORDER_INFO_DRAM{
		display:block;
		width:100%;
		margin:0 auto;
		padding-top:160px;
		padding-bottom:160px;
		overflow:hidden;
	}	
	
	/*-----20201207-------*/	
		
	#ORDER_INFO_DRAM .title_XD{
		display: block;
		padding-bottom:10px;
		overflow:hidden;
	}	
			
	#ORDER_INFO_DRAM h4{
		width:100%;
		height:40px;
		line-height:40px;
		font-size:40px;
		color:#333;
		border-right:none;
		border-bottom:none;
		float:none;
	}	
			
	#ORDER_INFO_DRAM h3{
		width:100%;
		font-size:32px;
		color:#0099ff;
		padding-left:4%;
		float:none;
	}
	
	/*---------------*/	
	
	#ORDER_INFO_DRAM .all_TB{
		clear:both;
		width:100%;
		margin:14px 0 0 0;
	}		

	#ORDER_INFO_DRAM td{
		width:25%;
		font-family:Verdana, Geneva, sans-serif;
		text-align:center;
		border-right:1px solid #dbdbdb;
		border-bottom:1px solid #dbdbdb;
	}	
		
	#ORDER_INFO_DRAM .td_capacity{
		height:40px;
		font-size:14px;
		color:#FFF;
		background-color:#069;
	}	
		
	#ORDER_INFO_DRAM .td_code{
		height:60px;
		font-size:12px;
		color:#006699;
		background-color:#7fdafc;
		line-height:1.3;
		padding:1%;
	}
		
	#ORDER_INFO_DRAM .td_code span{
		color:#000;
		font-size:14px;
	}						

	.CAUTION{
		padding-top:20px;
		clear:both;
	}       
			
	.CAUTION h5{
		padding:20px 4% 0px 4%;
		font-size:16px;
		color:#666;
		font-weight:400;
		text-align:left;
	}

	.CAUTION p{
		font-family:Verdana, Geneva, "微軟正黑體", sans-serif;
		font-size:13px;
		color:#999;
		text-align:left;
		line-height:1.5;
		padding:10px 4% 0px 4%;
		text-align:justify;
	}   

	/*---------------20201117-------------*/

	#ORDER_INFO_DRAM .desktop_number_dram{
		display: none;
	}

	#ORDER_INFO_DRAM .mobile_number_dram{
		display: block;	
		margin: 0 auto;
		width: 92%;
	}

	.mobile_number_dram .mobile_number_select{
		width: 100%;
		padding-bottom:20px; 
	}

	.mobile_number_dram .mobile_number_select h5{
		font-size: 18px;
		padding: 10px 0;
		text-align: left;
	}

	.mobile_number_dram .mobile_number_select select{
		width: 100%;
		height:46px; 
		background: rgb(238, 238, 238);
		font-size: 16px;
		border-radius:6px; 
		border:none;
	}

	.mobile_number_dram .mobile_number_box{
		width: 100%;
		margin-bottom: 20px;
	}

	.mobile_number_dram .mobile_number_box h6{
		background-color: #069;
		color: #fff;
		text-align: center;
		padding: 10px;
		font-size: 18px;
		margin-bottom: 1px;
	}

	.mobile_number_dram .mobile_number_box table{
		width: 100%;
	}

	.mobile_number_dram .mobile_number_box table td{
		background-color: #afe0f8;
		padding: 10px;
	}

	.mobile_number_dram .mobile_number_box table td:first-child{
		background-color: #9adafa;
	}

	.mobile_number_dram .mobile_number_show{
		width: 40%;
		margin: 0 auto;
	}

	.mobile_number_dram .mobile_number_show button{
		width: 100%;
		height: 46px;
		font-size: 16px;
		background-color: rgba(255, 255, 255, 0);
		border: 1px solid #365d91;
		border-radius: 4px;
		color:#365d91;
		transition: all .2s ease;
	}

	.mobile_number_dram .mobile_number_show button:hover{
		color:#dbdbdb;
		background-color:#365d91 ;
	}

	/*------------------------------------*/
			
	#AWARD{
		width:90%;
		margin:0 auto;
		padding-top:60px;
	}
		
	#AWARD .award_table{
		width:100%;
		margin:20px 0 0 0;
		display:table;
	}
			
	#AWARD .award_td{
		display:table-cell;
		width:20%;
		padding:8px;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		text-align:center;
		vertical-align:middle;
		color:#333;
		background-color:#999;
	}	
		
	#AWARD .award_td_01{
		display:table-cell;
		width:20%;
		padding:8px;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		line-height:1.4;
		text-align:center;
		vertical-align:middle;
		background-color:#dbdbdb;
	}
			
	#AWARD .award_td_01 a{
		color:#036;
		text-decoration:none;
	}	

	#AWARD .award_td_01 a:hover{
		color:#0FF;
	}	
		
	#AWARD .award_td_02{
		display:table-cell;
		width:20%;
		padding:8px;
		font-family:Verdana, Geneva,"微軟正黑體", sans-serif;
		line-height:1.4;
		text-align:center;
		vertical-align:middle;
		background-color:#CCC;
	}
		
	#AWARD .award_td_02 a{
		color:#036;
		text-decoration:none;
	}	

	#AWARD .award_td_02 a:hover{
		color:#0FF;
	}		          

	#DOWNLOAD{
		display:none;
	}
			
	#AWARD .award_table{
		display:none;
	}						  

	#AWARD .award_phone_table{
		width:100%;
		display:block;
		margin:20px 0 0 0;
		text-align:left;
	}

	#AWARD .award_phone_table td{
		padding:8px;
		color:#000;
		border-left:1px solid #dbdbdb;
	}

	#AWARD .award_phone_table td a {
		text-decoration:none;
		color:#036;
	}
	#AWARD .award_phone_table .award_phone_td_01{
		width:20%;      
	}

	#AWARD .award_phone_table .award_phone_td_02{
		width:55%;      
	}

	#AWARD .award_phone_table .award_phone_td_03{
		width:25%;   
		text-align:center;		
	}

	#AWARD .award_phone_table .c1{background-color:#ccc;}
	#AWARD .award_phone_table .c2{background-color:#dbdbdb;}

	/*---------------------------------------Compatibility--------------------------------------------*/

	#COMPATIBILIYT_BANNER{
		width:100%;
		height:auto;
		padding-top:60px;
	}
	
	#COMPATIBILIYT_BANNER img{
		width:100%;
		height:auto;
	}	
		
	#SEARCH_INFO{
		width:92%;
		margin:0 auto;
		padding:15% 0px;
	}	
		
	#SEARCH_INFO h4{
		color:#333;
		font-size:18px;
		line-height:1.6;
		padding-bottom:60px;
		text-align:center;
	}
		
	#SEARCH_INFO .search_select{
		width:100%;
		height:760px;
		overflow:hidden;
		font-family:Verdana, Geneva, sans-serif;
	}	
		
	#SEARCH_INFO .search_select .left{
		width:100%;
		float:none;
	}
		
	#SEARCH_INFO .search_select .right{
		width:100%;
		float:none;
		padding-top:60px;
	}
		
	#SEARCH_INFO .search_select .select{
		width:100%;
		padding:8px 0;
	}		

	#SEARCH_INFO .search_select .select p{
		color:#003366;
		font-size:14px;
		padding:8px 0;
	}
		
	#SEARCH_INFO .search_select .styled-select {
		width:100%;
		height:34px;
		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;
	}	
		
	#SEARCH_INFO .search_select .styled-select select{
		background: transparent;
		width:100%;
		padding:5px 10px 5px 10px;
		font-size: 16px;
		border: none;
		border-radius:17px;
		height: 34px;  
		-webkit-appearance: none;
		-ms-appearance: none; 
		-moz-appearance: none; 
	}
		
	#SEARCH_INFO .search_select .check_L{
		width:50%;
		height:40px;
		margin:0 auto;
		padding-top:10%;
	}
		
	#SEARCH_INFO .search_select .check_R{
		width:50%;
		height:40px;
		margin:0 auto;
		padding-top:10%;
	}	
		
	#SEARCH_INFO .search_select a{
		display:block;
		width:100%;
		height:40px;
		border-radius:20px;
		border:1px solid #00ccff;
		line-height:40px;
		font-size:16px;
		color:#00ccff;
		text-align:center;
		background-color:#FFF;
		font-family:"ROBOTO";
	}
		
	#SEARCH_INFO .search_select a:hover{
		background-color:#00ccff;
		color:#FFF;
	}			
		
	#SEARCH_INFO #SEARCH_ANSWER{
		clear:both;
		width:100%;
		padding-top:100px;
		padding-bottom:70px;
		border-top:1px solid #999;
	}
		
	#SEARCH_INFO #SEARCH_ANSWER	.answer_info{
		width:100%;
		height:40px;
	}
		
	#SEARCH_INFO #SEARCH_ANSWER	.answer_info ul{
		width:100%;
		height:40px;
		overflow:hidden;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER	.answer_info li{
		display:block;
		width:33%;
		height:40px;
		font-size:16px;
		line-height:40px;
		float:left;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .info{
		width:100%;
		padding-top:40px;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .info ul{
		list-style:disc;
		padding-left:14px;
		width:100%;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .info li{
		color:#000;
		font-size:14px;
		line-height:2;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .info li span{
		color:#02a2cb;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone{
		display:block;
		padding-top:70px;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone h3{
		font-size:36px;
		color:#000;
		padding-bottom:15px;
	}
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone table{
		width:100%;
		height:auto;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone td{
		width:25%;
		padding:8px;
		background-color:#000;
		border-bottom:1px solid #FFF;
		color:#FFF;
		text-align:center;
		font-size:14px;
		line-height:1.4;
	}
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone .td_blue{
		background-color:#66ccff;
		color:#000;
	}
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone .td_left_title{
		width:80%;
		background-color:#000;
		color:#FFF;
		text-align:left;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone .td_right_title{
		width:20%;
		background-color:#000;
		color:#FFF;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone .td_right{
		width:70%;
		background-color:#66ccff;
		color:#000;
		text-align:left;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone .td_left{
		width:30%;
		background-color:#66ccff;
		color:#FFF;
		text-align:left;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone .td_right_title a{
		display:block;
		width:90%;
		height:24px;
		border-radius:12px;
		background-color:#afe0f8;
		text-decoration:none;
		color:#003366;
		margin:0 auto;
		line-height:24px;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list_phone .td_right_title a:hover{
		background-color:#c9eafa;
	}	
		
	#SEARCH_INFO #SEARCH_ANSWER .answer_list{
		display:none;
	}
		
	.select_list_phone{
		display:block;
		width:64%;
		margin:0 auto;
		padding-top:20px;
	}
		
	.select_list_phone ul{
		overflow:hidden;
		list-style:none;
	}
			
	.select_list_phone li{
		display:block;
		width:100px;
		height:30px;
	}	
		
	.select_list_phone .prev{
		float:left;
	}	
		
	.select_list_phone .next{
		float:right;
	}	
		
	.select_list_phone li a{
		display:block;
		width:100px;
		height:30px;
		background-color:#FFF;
		border:1px solid #00ccff;
		border-radius:15px;
		text-align:center;
		line-height:30px;
		text-decoration:none;
		color:#00ccff;
	}
		
	.select_list_phone li a:hover{
		background-color:#00ccff;
		color:#FFF;
	}				
		
	.select_list{
		display:none;
	}	
	
	/*------------------------------------------page end---------------------------------------------*/

}