@charset "utf-8";
/* CSS Document */
html,body { height: 100%; }
body{
	color:#555;	
	margin: 0;	
	padding: 0;	
		font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
	height:100%;
	font-size:16px;
	
	/*background-image:url(/https/mobile.udn.com/img/grayp.jpg);*/
	}
#asdotcom  a{color:#606060;background-color:#f5f5f5;}
#asdotcom  a:link, a:visited ,a:hover, a:active {text-decoration: none;background-color:#f5f5f5; }
.banner_small_content h1{ 
	font-size:23px;
	margin:5px 0  5px 0; 
	text-align:left ;
	color:#555;
	line-height:1.25
	}

.banner_small_content h2{
	color: #0075c2;
	font-size:14px;
	margin:2px 0 0 0; 
	text-align:left;
	font-family:Arial, Helvetica, sans-serif," ";
	font-weight:lighter;
	color:#555;
	
	}
	
.banner_small_content section{
	color:;font-size:16px;
	margin:0 0 0 0; 
	text-align:left;
	color:#555;
	}
/*手機*/
@media screen and (min-width:1px)and (max-width:767px) { 
body{
}
#asdotcom{display:none}
#ulli{ display:none}
#all{ position:relative; top:77px;}
.Accordion ul{  margin:23px 0 0 -40px}
.Accordion ul li{
    list-style-type: none;
	text-decoration:none;
	}

.Accordion li {
    border-bottom:solid 1px #fff; 
	height:50px; 
	line-height:50px; 
	text-align:center; 
	width:100%;
	letter-spacing: 2px;
	font-size:20px
	}
.Accordion ul li a{ 
	color:#FFF;
	text-decoration:none;
	background-color:#0075c2
	}
	
.Accordion ul li a:link, a:visited {
    display: block;
    background-color: #0075c2;
}

.Accordion ul li a:hover, a:active {
    background-color: #4698EA;
}
.Accordion .last{
    border-bottom:solid 2px #fff; 
	box-shadow:0 3px 5px #333
	}
.Accordion table{
    margin:0 auto; width:100%; border-collapse:collapse;
	}

#ul{ display:none}

#logo{ 
	background-color:#0075c2; 
	padding:20px 0 0 0;
	position: fixed;
	top:0;
	width:100%;
	/*box-shadow:0 2px 10px #333; */
	z-index:100
	}

.logoimg{
	position: fixed;
	z-index:150;
	top:0;
	left:0;
	height:70px;
	width:85%;
	/*border:#0FF 1px solid;*/
	background:url(/https/mobile.udn.com/img/icon_home.png) no-repeat 2% 50%;
	background-size:35px;
	}
.logoimg a{background:rgba(0,0,0,0);}
.logoimg  a:link, a:visited ,a:hover, a:active {background:rgba(0,0,0,0);}
/*手機分類按鈕*/
.phonebtn{
	position: fixed;
	z-index:100;
	top:75px;
	height:70px;
	width:100%;
	background:rgba(0,0,0,0.7);
	padding:2px 0 0 0
	}
.phonebtn .btn{
	text-align:center;
	width:90%;
	height:40px;
	/*background:rgba(255,255,255,0.7);*/
	font-size:18px;
	line-height:40px;
	border-radius:5px;
	margin:0 auto;
	border: #666 2px solid;
	color:#eee;
	}
.phonebtnanchor{
	font-size:18px;
	width:60px;
	height:30px;
	line-height:30px;
	/*background:rgba(0,0,0,0.7);*/
	border-radius:5px;
	border: #fff 2px solid;
	text-align:center;
	margin:70px 0 0 2%;
	color:#0075c2;
	clear:both;

	}

.phonebtn a{color:#eee;text-decoration: none;}
	
#icon_logo{
	width:; 
	height:50px;
	margin:-8px auto -7px auto; 
	background-repeat:no-repeat; 
	background:url(/https/mobile.udn.com/img/logo_w.png) no-repeat 50% 50%;
	background-size:30%;
	}

#icon_logo_l{
	display:none
	}	

#icon_logo_r{
	display:none
	}
	
#icon_mail{width:0;}
#icon_fb{width:0;}

#foot{
	width:100%; 
	height:61px; 
	background-color:#0075c2; 
	display:inline-block; 
	color:#FFF;
	text-align:center; 
	line-height:61px;
	font-size:11px;
	margin-top:76px;
	font-family: Helvetica,Arial,"LiHei Pro",新細明體,PMingLiU,sans-serif;
	}
#foot p{
	margin:0 auto;
	padding:0;
	text-align:center
	}
#foot #phone{ display:none}

#foot .foottop{display:none
	}

.phonesns{text-align:center}
.banner_small{
	width:40%; 
	height:52%;
	float: left; 
	margin:2% 2% 2% 2%;
	background-color:#fff;  
	box-shadow:0 2px 7px #999;
	border-radius:2px;
	text-align:center; 
	padding:3%; display:none
	}
.banner_big{
	width:90%; 
	height:75%;
	float: left;
	margin:1% 2% 1% 2%;
	background-color:#fff;  
	box-shadow:0 2px 7px #999;
	border-radius:2px;
	text-align:center; 
	padding:3% 
	}
}
	
/*平板橫式menu*/
@media screen and (min-width:768px)and (max-width:1279px) {
#asdotcom{
	background-color:#f5f5f5; 
	width:100%; 
	height:22px; 
	padding:0 0 0 15px;
	font-size:13px;
	line-height:22px; 
	box-sizing:border-box;
	color:#606060;}
#asdotcom div{ margin:0 20px 0 0;float:left}

.Accordion{ display:none}
#logo{ 
	width:100%; 
	height:100px; position:relative;top:0px;
	background-color:#fff; 
	}
#all{ position: relative  ; top:0px;}	

/*#icon_logo{
	width:224px; 
	height:60px;
	background-image:url(/https/mobile.udn.com/img/logo_h.png); 
	background-repeat:no-repeat;
	position:absolute;
	left:10px; 
	top:40px;
	}*/
/*寶寶*/	
#icon_logo_l{
	width:48px; 
	height:48px;
	background-image:url(/https/mobile.udn.com/img/logo_h_l.png); 
	background-repeat:no-repeat;
	position:absolute;
	left:10px; 
	top:40px;
	}	
/*mobile*/
#icon_logo_r{
	width:176px; 
	height:48px;
	background-image:url(/https/mobile.udn.com/img/logo_h_r.png); 
	background-repeat:no-repeat;
	position:absolute;
	left:58px; 
	top:40px;
	}	
	
	
#icon_mail{
	width:60px;
	position: absolute ; 
	right:70px; 
	top:40px
	}
#icon_fb{
	width:60px;
	position: absolute ; 
	right:10px; 
	top:40px 
	}
#ulli ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color: #0075c2; 
	}

#ulli li {
    float: left;	height:40px; 
	line-height:40px; 
	width:16.65%;
	border-left:0px solid #4698EA;
	border-right:0px solid #4698EA;
	font-size:16px
	}

#ulli a:link, a:visited {
    display: block;
    color: #FFFFFF;
    background-color: #0075c2;
    text-align: center;
    text-decoration: none;
}

#ulli a:hover, a:active {
    background-color: #4698EA;
}

/*for ie*/
#ulli a{background-color:#0075c2;}	
#ulli a:link, a:visited{background-color:#0075c2;}
#ulli a:hover, a:active {background-color:#4698EA; }



li:first-child { border-left:none;}
li:last-child { border-right: none;}

/*#foot{
	width:100%; 
	height:100px; 
	background-color:#0075c2; 
	display:inline-block; 
	color:#FFF; 
	font-size:13px;
	margin-top:0px
	}
#foot a{
	color:#FFF;
	text-decoration:none;
	background-color:#0075c2;
	}
#foot p{
	width:768px;
	margin:0 auto;
	padding:20px 0 0px 0
	}*/
#foot{
	width:100%; 
	height:82px; 
	background-color:#0075c2; 
	display:inline-block; 
	/*margin-top:50px;*/
	color:#FFF; 
	font-size:12px;
	font-family: Helvetica,Arial,"LiHei Pro",新細明體,PMingLiU,sans-serif;
	}

#foot a{
	color:#FFF;
	text-decoration:none;
	background-color:#0075c2;
	}
#foot .foottop{
	width:95%;
	margin:22px auto 0 auto;
	font-size:12px
	}	
#foot .bottom{
	width:95%;
	margin:5px auto 0 auto;
	font-size:11px
	}
	
	
#pchide{ display:none}
.banner_area{
	width:768px; 
	margin:0 auto; background-color:#096 
	}
	

.banner_small{
	width:206px; 
	height:268px;
	float: left; 
	margin:10px;
	background-color:#fff;  
	box-shadow:0 2px 7px #999;
	border-radius:2px;
	padding:15px 15px 35px 15px;
	}
.banner_big{
	width:462px ;
	height:268px;
	float: left; 
	margin:10px;
	background-color:#fff;  
	box-shadow:0 2px 7px #999;
	border-radius:2px;
	padding:15px 15px 35px 15px; 
	}
}

/*桌機直式menu*/
@media screen and (min-width: 1280px){
#asdotcom {
	background-color:#f5f5f5; 
	width:100%; 
	height:22px; 
	color:#606060;
	padding:0 0 0 15px;
	font-size:13px;
	line-height:22px; 
	box-sizing:border-box}
#asdotcom #allspan{width:1280px; margin:0 auto ;}	
#asdotcom  #allspan div{margin:0 20px 0 0;float:left}
#Accordion{ display:none}
#1280logo{ width:100%;position: absolute; z-index:100}
#all{ position: relative  ; top:0px;}	
#logo{  
	width:1280px; 
	height:100px;
	margin:0 auto; position:relative; z-index:100
	}
/*#icon_logo{
	width:224px; 
	height:60px;
	background-image:url(/https/mobile.udn.com/img/logo_h.png); 
	background-repeat:no-repeat;
	position: relative;
	left:10px; 
	top:40px;
	}*/
#icon_logo_l{
	width:48px; 
	height:48px;
	background-image:url(/https/mobile.udn.com/img/logo_h_l.png); 
	background-repeat:no-repeat;
	position:absolute;
	left:10px; 
	top:40px;
	}	
/*mobile*/
#icon_logo_r{
	width:176px; 
	height:48px;
	background-image:url(/https/mobile.udn.com/img/logo_h_r.png); 
	background-repeat:no-repeat;
	position:absolute;
	left:58px; 
	top:40px;
	}	
#icon_mail{
	width:60px;
	position: absolute ; 
	right:70px; 
	top:40px
	}
#icon_fb{
	width:60px;
	position: absolute ; 
	right:10px; 
	top:40px 
	}
#ulli{ width:100%; background-color:#0075c2;}
/*for ie*/
ul li a{background-color:#0075c2;}	
ul li a:link, a:visited{background-color:#0075c2;}
ul li a:hover, a:active {background-color:#4698EA; }

ul {
    list-style-type: none;
     padding: 0;
    overflow: hidden;
	width:1280px;
	background-color:#0075c2;
	margin:0 auto;
	}

li {
    border-left:1px solid #4698EA;
	border-right:0px solid #4698EA;
	height:40px; 
	line-height:40px; 
	width:212px; 
	text-align:center; margin:0 auto;float: left;margin:0 auto;font-size:16px
	}
li:first-child { border-left:none;}
li:last-child { border-right: none;}
ul li a{ 
	color:#FFF;
	text-decoration:none
	}
	
ul li a:link, a:visited {
    display: block;
    background-color: #0075c2;
}

ul li a:hover, a:active {
    background-color: #4698EA;
}
/*
#foot{
	width:100%; 
	height:100px; 
	background-color:#0075c2; 
	display:inline-block; 
	color:#FFF; 
	font-size:14px;
	margin-top:0px
	}
#foot a{
	color:#FFF;
	text-decoration:none;
	background-color:#0075c2;
	}
#foot p{
	width:1250px;
	margin:0 auto;
	padding:20px 0 0px 0
	}
	*/
#foot{
	width:100%; 
	height:82px; 
	background-color:#0075c2; 
	display:inline-block; 
	/*margin-top:600px;*/
	color:#FFF; 
	nowhitespace: afterproperty;
	font-family: Helvetica,Arial,"LiHei Pro",新細明體,PMingLiU,sans-serif;
	}
#foot a{
	color:#FFF;
	text-decoration:none;
	background-color:#0075c2;
	font-size:12px
	}
#foot .foottop{
	width:1250px;
	margin:24px auto 0 auto;
	padding:0px 0 0px 0;
	font-size:12px
	}	
#foot .bottom{
	width:1250px;
	margin:5px auto 0 auto;
	font-size:11px
	}	
	
#pchide{ display:none}
.banner_area{
	width:1280px; height: ;position: relative; top:0px; margin:0 auto;
	}	


.banner_small{
	width:260px; 
	height:350px;
	float: left; 
	margin:10px;
	background-color:#fff;  
	box-shadow:0 2px 7px #999;
	border-radius:2px;
	text-align:center; 
	padding:20px  20px 30px 20px
	}

	
.banner_big{
	width:580px; 
	height:350px;
	float: left; 
	margin:10px;
	background-color:#fff;  
	box-shadow:0 2px 7px #999;
	border-radius:2px;
	text-align:center; 
	padding:20px  20px 30px 20px
	}
}