/* CSS Document */



/*buliding*/
.footer{margin:0;}
.main{width:72%; float:left; padding:55px 0; margin-left:2%;}
.sidebar{width:20%; float:right; padding:55px 0; margin-right:3%;}
.main2{width:100%; padding:45px 0; }


/***框架/共用***/
#noinfo_tb{border:1px solid #e1e1e1; color:#484848; font-size:1.05em; text-align:center; padding:40px 0px; margin-top:2em;}
#noinfo_tb a{width:75px; height:28px; background:#dc6511; display:block; line-height:28px; text-align:center; color:#fff; font-size:12px; margin:0 auto;}
#noinfo_tb a:hover{background:#c00; color:#fff;}



/*content*/
.location{color:#0066cc; font-size:0.9em; border-bottom:#FFF 1px solid; border-top:#ccc 1px solid; height:35px; line-height:35px;}
.location:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.location span{padding:0 10px; font-size:10px; color:#999; font-family:Verdana, Geneva, sans-serif;}
.location a{color:#666;}
.location a:hover{color:#0066cc;}
.location i{padding-right:3px;}
.back{float:right; }
.back a{background:#0066cc; display: inline-block;; padding: 0 1em;}
.back a, .back a:hover{color:#fff;}

.content{word-wrap:break-word; word-break:normal;}
.content img{max-width:100%; width:expression(document.body.clientWidth>100?"100%":"auto"); overflow:hidden;}
.content p{padding-bottom:25px;}
.subContent{padding:20px 0;}





h1.title, h2.title{background:url(../images/bg-title3.gif) no-repeat bottom left; color:#005ea6; font-size:2em; letter-spacing:0.2em; padding-bottom:1em; width:100%; margin-bottom:1em; border-bottom:1px dotted #999;}
h1.title i, h2.title i{color:#fff;}
h1.title div , h2.title div {background:#0066cc; float:left; padding:15px 0 10px; padding-left:8px; color:#fff;}
h1.title .rt, h2.title .rt{background:url(../images/bg-title2.png) no-repeat; width:76px;  padding:15px 0 10px; }


.banner{padding:15px 0px 0; color:#666; font-size:0.8em; line-height:1.8em;}
.banner img{padding-top:5px; width:100%;}


/*分頁*/	
.paging{text-align:center; padding-top:1em; border-top:#CCC 3px solid; margin-top:2em; }
.pagingCenterLine{text-align:center; padding-top:1em; margin-top:2em;} 
.pagelink{ font-size:1.2em; color:#0066cc; font-weight: bold;}
.pagelink a{font-size:1em; color: #999;}
.pagelink a:hover {color:#0066cc; text-decoration: underline;}
.pagelink span{color:#999;}

.pagelink2{font-size:1em; color:#999; font-weight:normal;}
.pagelink2 a:link{color:#666;}
.pagelink2 a:hover{color:#0066cc; text-decoration:underline;}

.searchpdno{font-size:1em; font-weight: bold; color:#0066cc;}
span.sp{padding:0 10px;}

/***sidebar***/

/*次選單*/
.subnav{}
.subnav .subtitle{ color:#fff; text-align:center; padding:15px 10px; background:url(../images/bg-subnav.png) top right no-repeat; background-size: cover;}
.subnav ul{padding-top:1px;}
.subnav li a{display:block; border-bottom:#ccc 1px dashed; padding:10px; color:#000; font-size:1.05em;}
.subnav li.submenuOver a, .subnav li a:hover{color:#fff; background:#0066cc;}
.subnav ul ul{border-bottom:#ccc 1px solid; padding-bottom:1em;}
.subnav ul ul li a{padding:0.2em 1.5em; border:none;}
.subnav ul ul li.submenusubOver a{color:#fff; background:#0066cc;}

.subnavbg{background:#f4f4f4; padding:0;  width:100%; border-top:5px solid #0398dc;}
.subnavbg2{background:#fff; padding:0;  width:100%; border-bottom: dashed 1px #ddd;}
.subnav2{}
.subnav2 ul{padding-top:0px;}
.subnav2 li a{display:block; padding:15px 20px; color:#000; font-size:1.05em; float:left;}
.subnav2 li.submenuOver a, .subnav2 li a:hover{ background:url(../images/bg-subnav2.png) no-repeat center top; color:#0066cc;}
.subnav2 ul ul{padding-bottom:1em;}
.subnav2 ul ul li a{padding:0.2em 1.5em; border:none;}
.subnav2 ul ul li.submenusubOver a{color:#fff; background:#0066cc;}

.subnav3{ border-left: dashed 1px #ddd;}
.subnav3 ul{padding-top:0px;}
.subnav3 li a {display:block; padding:15px 20px;  color:#999; font-size:0.9em; float:left; border-right:1px dashed #ddd; }
.subnav3 li.submenuOver a, .subnav3 li a:hover{  color:#0066cc;}


.subnav3 li.submenuOver a, .subnav2 li a:hover{color:#0066cc;}
.subnav3 ul ul{padding-bottom:1em;}
.subnav3 ul ul li a{padding:0.2em 1.5em; border:none;}
.subnav3 ul ul li.submenusubOver a{color:#fff; background:#0066cc;}





/***各單元CSS***/



/*pd*/
.pdSearch{border:#eee 5px solid; padding:1em;}
.pdSearch:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.pdSearch .shform{width:85%; border:#ccc 1px solid; height:2.5em; line-height:2.5em; padding:0 0.5em; float:left;}
.pdSearch .shbt{background:url(../images/bt-search.png) center center no-repeat; background-color:#ccc; width:10%; border:none; height:2.5em; cursor:pointer; float:right;}
.kd{padding:2em 0;}

.prod{padding-top:35px;}
.prod:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.prod .pd{width:22%;  float:left; text-align:center;  padding-bottom:10px;}
.prod .pdsp{margin-left:3.5%; }
.prod .pdimg img{border:#eee 5px solid; padding:2px; width:100%; height:auto;}
.prod .pdtxt h2{font-size:1.05em; padding-top:8px;}
.prod .pdtxt h3{font-size:1em; color:#999; padding-top:5px;}
.pd:hover .pdimg img{border:#0398dc 5px solid; }





.prod2{padding-top:35px;}
.prod2:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.prod2 .pd{width:22%; max-width:200px; float:left; text-align:center;}
.prod2 .pdsp{margin-left:2.66%;}
.prod2 .pdimg img{border:#eee 5px solid; padding:2px; width:100%; height:auto;}
.prod2 .pdtxt h2{font-size:1.05em; padding-top:8px;}
.prod2 .pdtxt h3{font-size:1em; color:#999; padding-top:5px;}

/*.pdDetail*/
.pdDetail{ padding:50px 0;  width:100%;}
.pdDetail h2{ background:url(../images/bg-title3.gif) no-repeat bottom left; color:#005ea6; font-size:2em; letter-spacing:0.2em; padding-bottom:1em; width:100%; margin-bottom:1em; border-bottom:1px dotted #999;}
.pdDetail .summary{padding:1.5em 0; line-height:2em; font-family:"微軟正黑體"; font-size:1.2em; border-bottom:#666 1px dashed; margin-bottom:0.5em;}
.pdDetail .summary span{ color:#005ea6; padding-right:0.5em;}

.pdDetail .pdimg{float:left; width:32%;}
.pdDetail .pdimg img{box-shadow:#999 0 0 10px; padding:5px; width:100%; height:auto;}

.pdDetail .pdimg2{float:left; width:32%; display:none;}
.pdDetail .pdimg2 img{box-shadow:#999 0 0 10px; padding:5px; width:100%; height:auto;}

.pdDetail .pdtxt{width:52%; float:left; margin-left:3%; padding-top:1%;}
.pdDetail .pdtxt h1{font-family:"微軟正黑體"; font-size:1.8em; padding:15px 0 10px;  border-bottom:#666 1px dashed; font-weight:bold; color:#06c;}
.pdDetail .pdtxt h3{padding:15px 0 20px; font-size:1em;}
.pdDetail .pdtxt h3 strong{font-size:1.2em; color:#0066cc; font-family:Verdana, Geneva, sans-serif;}
.pdDetail .pdtxt ul{margin-left:20px;}
.pdDetail .pdtxt li{list-style:square; padding-bottom:5px;}
.pdDetail .toolbar{ width:8%; float:right; }
.pdDetail .toolbar li{  text-align:center; font-size:0.9em; margin-bottom:1px; }
.pdDetail .toolbar li a{ display:block; padding:1em; color:#fff; background:#06C;}
.pdDetail .toolbar li a:hover{ background:#00a0e9;}
.pdDetail .toolbar i{ font-size:1.5em; padding-bottom:0.3em;}
.pdDetail .share a i{ font-size:1.5em; padding-left:0.5em; color:#000;  }
.pdDetail .share a i:hover{ color:#00a0e9;}
.pdDetail .share { text-align:right; }



/*Detail*/
.Detail{padding-top: 1.5em;}

/*aboutus*/
.aboutus{ color:#333; line-height:2em; font-size:1.15em;}
.supporttxt{ color:#333; line-height:1.5em; font-size:1em;}

.supportbg{ background:url(../images/bg-support.gif) repeat top right;  background-attachment:fixed; padding:6em 0;}
.supportbg .title{ color:#333; text-align:center; letter-spacing:0.5em; padding:2em 0; }




/* -------------------------------------
	activities
------------------------------------- */

.about-bg, .activities-bg, .activities-bg2, .activities-bg3, .activities-bg4, .contact-bg, .activities-bg5{
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.activities-bg{background-image:url(../images/bg-support2.gif);padding:5em 0;}
.activities-bg .title2{ color:#fff; text-align:center; letter-spacing:0.5em; padding:1em 0; }
.activities-bg .td{ width:100%; border:1px dashed #fff;}
.activities-bg .td .txt{ padding:3em 2em; text-shadow:#999 0 0 8px; background:url(../images/bg-support4.png) no-repeat; background-position: center left;}
.activities-bg .td .txt .right{ float:right; width:48%;}
.activities-bg .td .txt .right li{ padding-left:60px; background:url(../images/icon-support.png) no-repeat top left; font-size:1.5em; color:#fff; padding-bottom:1em; padding-top:0.5em; line-height:1.5em;}
.activities-bg .td .txt .right .img{ float:left; text-align:center; font-size:0.8em; width:46%;}
.activities-bg .td .txt .right .img img{ width:98%;}

.activities-bg .td .txt .right .img .phone{ display:none;}
.activities-bg .td .txt .right .img .pc{ display:block;}
.activities-bg .td .txt .right a{ color:#fff;}
	
.activities-bg .td .txt .left{ float:left; width:48%;  padding-top:2em;}
.activities-bg2 .title2{ color:#333; text-align:center; letter-spacing:0.5em; padding:1em 0; }
.activities-bg2 { background-image:url(../images/bg-support.gif);  padding:5em 0;}
.activities-bg2 section {  width: 270px;  height: 270px;  overflow: hidden;  padding: 50px;  display: inline-block;  line-height: 150%;   line-height:2em; font-size:1.2em;   background: url(../images/activities_epc_bg.png) no-repeat top center;  vertical-align: top;}
.activities-bg2 section i{ font-size:3.5em; color:#666; padding-bottom:1em; }
.activities-bg3 .title2{ color:#333; text-align:center; letter-spacing:0.5em; padding:1em 0; }
.activities-bg3 { color:#333; background-image:url(../images/bg-support4.gif);padding:5em 0;}
.activities-bg3 .list2{ width:80%; margin:0 auto; background:rgba(255,255,255,0.5); text-align:left; padding:4em 1em ; font-size:1.2em; line-height:2em;  }
.activities-bg3 .list2 ul{ padding:1em; }
.activities-bg3 .list2 ul li{ padding-left:1.2em; background:url(../images/icon-check.png) no-repeat top left;}.activities-bg3 { color:#333; background-image:url(../images/bg-support4.gif);padding:5em 0;}

.activities-bg4 { color:#333; background-image:url(../images/bg-aboutus4.jpg);padding:5em 0;}
.activities-bg4 .summary{ color:#333; text-align:center; padding:1em 0; font-size:1.2em; line-height:2em;}
.activities-bg4 .td{ width:230px; float:left; margin-right:10px; margin-left:10px; font-size:0.8em;}
.activities-bg4 .tdbg{ width:500px; padding:3em 0; margin:0 auto; }
.activities-bg5 { color:#333; background-image:url(../images/bg-aboutus5.jpg);padding:5em 0;}
.activities-bg5 .summary{ color:#333; text-align:center; padding:1em 0; font-size:1.2em; line-height:2em;}

.about-bg{ background-image:url(../images/bg-aboutus2.jpg);padding:5em 0;}
.about-bg .title2{ color:#333; text-align:center; letter-spacing:0.5em; padding:1em 0; }
.about-bg .summary{ color:#333; text-align:center; padding:1em 0; font-size:1.2em; line-height:2em;}
.about-bg2{ background:#fff; padding:3em 0;}
.about-bg2 .summary{ color:#333; text-align:left; padding:1em 0; font-size:1.2em; line-height:2em;}


.qattxt{ color:#333; line-height:1.5em; font-size:1em;}
.contacttxt{ color:#333; line-height:1.5em; font-size:1em;}

.aboutusbg{ width:100%; background:url(../images/bg-aboutus1.gif) no-repeat  bottom right #f8fcff ;  padding:2em 0; margin-bottom:1em;}
.aboutusbg .txt{ padding:5em 1em; float:right; width:50%; text-shadow:#fff 2px 10px 10px;}
.aboutusbg strong{ color:#0862DC;}


/*caform*/
.contact{padding-bottom:3em; width:80%; margin:0 auto;}
.caform .note{padding:1.5em 0; font-size:1.1em; background: #eee; text-align: center;}
.caform fieldset{padding: 1.5em; margin: 0; border:none;}
.caform legend{display: none;}
.caform form{border:#eee 3px solid; padding: 1px;}
.caform .caformbox{width: 100%; margin: 1.5em auto;}
.caform .tr{}
.caform .th, .caform .td{ padding: 0.5em; text-align: left;}
.caform .sendbt{padding:1em 0 1.5em;  border-top: #ccc 1px dashed; text-align: center;}
.caform {  background:url(../images/bg-contact.gif) no-repeat right bottom;}
.map {position:relative; height:650px;}

.map .mapinfo{ width:40%; background:rgba(255,255,255,0.8); position:absolute; z-index:2; height:650px; right:0;}
.map .mapinfo .summary{ padding:5em 2em 0 2em;}
.map .mapinfo .summary h2{ font-size:1.5em; color:#0862DC; letter-spacing:0.1em;}
.map .mapinfo .summary h3{ font-size:0.8em; color:#0862DC; letter-spacing:0.1em; padding-bottom:2em;}
.map .mapinfo .summary li i{ padding-right:1em;}
.map .mapinfo .summary li { padding:0.1em 0;}
.map iframe{position:absolute; z-index:1; height:640px; width:100%;}





.caform .td2{ padding: 1em 2em; text-align: left;}

.pdform form{border: none; padding: 0;}
.pdform .note{background: none; border-bottom: #ccc 1px dashed;}


.formSty{border:#ccc 1px solid; width:60% !important; padding:5px 10px;}
.formSty2{border:#ccc 1px solid; width:30% !important; padding:5px 10px;}
#msg{color:#666; font-size:0.9em;}
.star{color:#F00;}
.btSty{background:#0099cc; color:#fff; border:none; padding:10px 15px; cursor:pointer;}
.btSty:hover{background:#00a0e9; color:#fff;}

.caInfo{padding:2em 0 0;}
.caInfo span{font-size:10px; color:#999; padding:0 10px;}
.caInfo iframe{width:100%; margin-top:1.5em;}

.cathk{border-top:#ccc 3px solid; border-bottom:#ccc 3px solid; padding:3em 0; text-align:center; font-size:1.1em;}


/*list*/
.list:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.list .date{color:#999; padding-bottom:5px;}
.list .date span{padding-left:8px; color:#c00;}
.list li{padding:10px 0; border-bottom:#ccc 1px dashed;}
.list li a{color:#000;}
.list li a:hover{color:#06c;}
.list li:last-child{border-bottom:none;}
.list li h2{padding: 1em 0 0.5em; font-weight: bold; font-size: 1.1em;}
.list li h2 a:hover{color: #0066cc;}
.list li .summary{color: #666; padding-bottom: 0.5em;}
.list li .more a{color: #06c;}
.list li .more a:hover{text-decoration: underline;}


/*listDetail*/
.listDetail{padding-bottom:2em;}
.listDetail .toolbar:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.listDetail .toolbar{ padding:1em 0;}
.listDetail .date{float:left; font-size:0.9em; color:#666;}
.listDetail .date span{padding:0 10px; color:#999;}
.listDetail .share{float:right;}
.listDetail .share i{border:#ccc 1px solid; width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; border-radius:40px;}

/*.otherlist*/
.otherlist{border-top:#eee 2px solid; padding-top:1.5em;}
.otherlist p{padding:0; margin:0; padding-bottom:1em; font-size:1.1em; font-weight:bold;}
.otherlist ul{margin-left:25px;}
.otherlist li{list-style:square; padding-bottom:0.8em;}
.otherlist .date{font-size:0.9em; color:#999; padding-left:5px;}
.otherlist .more{padding:0; margin:0;}
.otherlist .more a{color:#000;}
.otherlist i{color:#c00; padding-right:5px;}

/*sitemap*/
.sitemap{width:20%; margin:0 2.5%; float:left; text-align:left; min-height:250px;}
.sitemap h2{border-bottom:#ccc 2px solid;}
.sitemap dl{padding:1em;}
.sitemap dt a{padding-bottom:0.2em; display:block; color:#0862DC; font-size:1.5em; letter-spacing:0.5em; border-bottom:#ddd 2px solid; margin-bottom:0.5em;}
.sitemap dd a{padding-bottom:0.5em; display:block;}


@media screen and (max-width: 1200px) {
.supportbg .list{ width:350px; padding:3em 1em ; margin-right:1em; margin-bottom:1em; }
.activities-bg .td .txt .right{ float:right; width:60%;}

.map .mapinfo{ width:50%; background:rgba(255,255,255,0.8); position:absolute; z-index:2; height:650px; right:0;}
.map iframe{position:absolute; z-index:1; height:640px; width:100%;}


}

@media screen and (max-width: 1000px) {
	.main{width:95%; float:none;  margin:0 auto;}
	.sidebar{width:95%; float:none;  margin:0 auto;}

	/*.pdDetail*/
	.pdDetail{padding:5% 1%;}
	.pdDetail .pdimg{width:25%;}
	.pdDetail .pdtxt{width:63%; margin-left:5%;}
	.pdDetail .toolbar{width:100%; float:none; clear:both; padding-top:2em;}
	.pdDetail .toolbar:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
	.pdDetail .toolbar li{width:29.4%; float:left; margin:1px;}
	.supportbg .list{ width:350px; padding:3em 2em  ; margin:0 auto; float:none; margin-bottom:2em;}
	
	
	.activities-bg .td .txt{ padding:3em 1em; text-shadow:#999 0 0 8px; background:none; }
	.activities-bg .td .txt .right{ float:none; width:100%;}


}

@media screen and (max-width: 768px) {
	.hide{display:none !important;}
	.main{padding-top:30px;}
	.subnav li a{font-size:1.3em;}
	.location{height:auto; line-height:1.8em; padding:0.5em; font-size:1.1em;}
	.back{float:none; margin-top:0.5em; background:none; text-align:center; border-top:#ccc 1px solid;}
	.back a{color:#000; font-size:1.2em; display:inline-block; padding:0.6em 1.5em; background:#ccc; margin:0 auto; text-align:center;}
	
	h1.title, h2.title{font-family:"新細明體"; font-size:1.8em; border-bottom:#CCC 3px solid; font-weight:bold; margin-bottom:1.5em;}
	h1.title i, h2.title i{color:#c00;}
	h1.title div , h2.title div {background:none; float:none; padding:0px 0 10px; padding-left:8px; color:#c00;}
	h1.title .rt, h2.title .rt{display:none;}
	
	.subnav2 li { margin-top:1px;}
	.subnav2 li a{display:block; padding:15px 0px 15px 10px; color:#000; font-size:1em; float:left; width:47%; margin-right:1px; margin-bottom:1px; }
	.subnav2 li.submenuOver a, .subnav2 li a:hover{ background:#0066cc; color:#fff;}
	.subnav2 ul ul{padding-bottom:1em;}
	.subnav2 ul ul li a{padding:0.2em 1.5em; border:none;}
	.subnav2 ul ul li.submenusubOver a{color:#0066cc; background:none;}
	
	.subnav3{ border-left:0px;}
	.subnav3 ul{padding-top:0px;}
	.subnav3 li a {display:block; padding:15px 10px;  color:#999; font-size:0.9em; float:left; border-right:0px dashed #ddd; width:29%; margin-right:1px; margin-bottom:1px;  }
	.subnav3 li.submenuOver a, .subnav3 li a:hover{  color:#0066cc;}	
	
	
	
	
	.prod{ padding:0;}
	.prod .pd{width:90%; float:none; text-align:center; max-width:none; padding-bottom:2em; margin:0 auto;}
	.prod .pd img{width:100%; height:auto;}
	.prod .pdsp{margin:0 auto;}
	.prod .pdtxt h2{font-size:1.3em; padding-top:8px;}
	.prod .pdtxt h3{font-size:1.1em; color:#999; padding-top:5px;}
	
	
	/*.pdDetail*/
	.pdDetail{ width:auto; padding:8% 1%; }
	
	
	.pdDetail .pdimg2{width:95%; float:none; margin:0 auto; display:block;}
	.pdDetail .pdimg{display:none;}

	
	.pdDetail .pdtxt{width:100%; float:none; margin:0 auto;}
	.pdDetail .toolbar{width:100%; float:none; clear:both; padding-top:2em;}
	.pdDetail .toolbar:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
	.pdDetail .toolbar li{width:29.4%; float:left; margin:1px;}
	.pdDetail .toolbar .print{ display:none;}

	.pdDetail .pdtxt h3{padding:15px 0 20px; font-size:1em;}
	.pdDetail .pdtxt h3 strong{font-size:1.3em;}
	.pdDetail .pdtxt li{font-size:1.3em; padding-bottom:0.5em;}
	.pdDetail .app{font-size:1.3em;}
	.pdDetail .toolbar li{width:26%; float:left; margin:1px; font-size:1.2em;}
	
	
	.tabs li{float:none; margin-right:0px;}
	.tabs li a{color:#000; display:block; padding:15px 35px; background:#ccc; cursor:pointer; border-bottom:#999 1px solid;}
	.tabs li a{color:#000; display:block; padding:15px 0.5empx; background:#ccc; cursor:pointer; font-size:1.2em;}
	.pdcontent{font-size:1.3em;}
	
	/*caform*/
	.caform .note{background: none;}
	.caform .caformbox{width: 100%;}
	.caform form{border: none; padding: 0;}
	.caform .th, .caform .td{width:100%; float:none; padding-top:5px; font-size:1.2em; display:block;}
	.formSty{border:#ccc 1px solid; width:89% !important; padding:5% 5%;}
	.formSty2{border:#ccc 1px solid; width:89% !important; padding:5%;}
	
	
	.map .mapinfo{ width:99%; background:rgba(255,255,255,0.8); position:inherit; z-index:2; height:auto; border:2px solid #ddd; }
	.map .mapinfo .summary{ padding-bottom:3em; }
	.map iframe{position:inherit; z-index:1; height:400px; width:100%;}
	.map { margin-bottom:3em; height:auto; }

	
	.sitemap{width:95%; margin:0 2.5%; float:none; text-align:left;}
	
	.aboutusbg{ width:100%; background:url(../images/bg-aboutus1.gif) no-repeat right top ; padding:2em 0; margin-bottom:1em;}
	.aboutusbg .txt{ padding:3em 0.5em; float:none; width:90%; margin:0 auto;}	
	.supportbg .list{ width:330px; padding:3em 1.5em  ; margin:0 auto; float:none; margin-bottom:2em; height:250px;}
	
	.activities-bg4 .td{ width:100%; float:none; margin:0 auto;}
	.activities-bg4 .tdbg{ width:100%; }
	.activities-bg5 img{ width:100%;}
	
	.activities-bg .td .txt .right .img .phone{ display:block;}
	.activities-bg .td .txt .right .img .pc{ display:none;}
	

	

}
@media screen and (max-width: 480px) {	
	.subnav2 li a{display:block; padding:15px 0px 15px 10px; color:#000; font-size:1em; float:left; width:46%; margin-right:1px; margin-bottom:1px; }		
	.subnav3{ border-left:0px;}
	.subnav3 ul{padding-top:0px;}
	.subnav3 li a {display:block;  color:#999; font-size:0.9em; float:left; border-right:0px dashed #ddd; width:43%; margin-right:1px; margin-bottom:1px;  }
	.subnav3 li.submenuOver a, .subnav3 li a:hover{  color:#0066cc;}
	.activities-bg .td .txt .right img{ max-width:200px;}
	.activities-bg2 section {  width: 250px;}
	
	}