@charset "utf-8";
/* CSS Document */
/*location*/
.location{ width:100%; padding:1em 0; color:#333; background:#bddee3;  }
.location i{ padding-right:1em;}
.location span{ padding:0 1em;}

.mainbox .bg1{ background:#bbe4bc;  }
.mainbox .bg2{ background:#e4bbbd;  }
.mainbox .bg3{ background:#f6e1c8;  }
.mainbox .bg4{ background:#e2d9e4;  }
.mainbox .bg5{ background:#fbf1c0;  }

.noinfo{ text-align:center; padding:3em 0; margin:1em 0;}

/*main*/
.mainleft{ width:68%; float:left; padding-top:70px;}
.mainright{ width:28%; float:right;}
.main{ width:100%; padding-top:70px;}

main:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.maintitle{ text-align:center; background:url(../images/bg-title3.gif) no-repeat center; color:#333;}
.maintitle span{ font-size:0.8em; color:#ccc; letter-spacing:0.1em; padding-top:0.5em; }
.maintitle h1{ padding-bottom:2em; font-size:1.5em; letter-spacing:0.3em;}
.subimg img{ width:100%; height:auto; padding:1em 0;}
.bgmain{ width:100%; background-image:url(../images/bg-main.gif); background-repeat:no-repeat; background-position:center; background-attachment:fixed;}
.imgs img{ width:100%; height:auto;}
.subContent2{font-size:1.2em; line-height:1.8em; color:#333; padding-top:1em;}
.subContent2 img{width:100%; height:auto;}
.subContent2 strong{ background:#f3dab7; color:#333; padding:0.5em; font-weight:normal;}
.subContent2 .blue{ background:#2076b7; color:#fff; padding:0.5em 1em; font-weight:normal; margin-right:1em;}
.pddetailimgs img{ width:100%; height:auto; display:none;}

.txtleft2{ float:left; width:60%;}
.txtright2{ float:right; width:30%;}
.txtbox2{ padding:1em 0; margin-bottom:0.5em; border-bottom:1px dotted #999;}
.txtbox{ padding:1em 0; width:43%; float:left; margin-right:3.5%; }
.txtbox img{ width:80%; margin:0 auto;}
.txtbox3{ padding:1em 0; width:43%; margin:0 auto;}
.txtbox3 img{ width:80%; margin:0 auto;}
.txtbox4{ padding:1em 0; width:43%; float:right; margin-left:3.5%; }
.txtbox4 img{ width:80%; margin:0 auto;}
.txtpoint{  padding:1em 0; width:40%; float:right; margin-left:3.5%; margin-left:3.5%; border:3px solid #85c0e5; border-radius:15px; text-align:center; margin-bottom:2em;}
.txtpoint .txt{ width:95%; margin:0 auto; text-align:left; padding:0.5em 0;}
.txtpoint .txt .title{ background:#999; padding:0.5em 0; color:#fff; font-size:0.9em; text-align:center; margin-bottom:1em;}
.imgx{ float:left; width:70px; height:auto;}
.imgr{ width:50%; float:left;}
.txtr{ width:45%; float:right;}


.notebox2{ border:2px solid #2076b7; padding:1.5em 0.5em; line-height:1.5em; background:#f5fbff;}
.notebox2 strong{  background:#0862DC; color:#fff;  padding:0.5em; font-weight:normal;}
a.dwbt { display:block; background:#666; color:#fff; padding:0.5em; width:100px; text-align:center;}


.notebox{ width:100%; border:1px solid #ddd; margin-top:1em;}
.notebox .left{ padding:1em; width:30%; float:left;}
.notebox .right{ padding:1em; width:60%; float:right;}
.notebox .txt{ padding:1.5em 0; text-align:center;}

.imgright2{ float:right; width:25%;}
.txtleft{ float:left; width:60%;}
.aboutusbg1{ background:#f6f6f6; width:100%; padding:2em 0; text-align:center;}
.aboutusbg1 .list{ text-align:left; float:none; background:#fff; padding:1em 0.5em; border-top:#999 5px solid; color:#333; width:90%; margin:0 auto; margin-bottom:1em; line-height:1.5em;}
.aboutusbg1 .list:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.aboutusbg1 .clear{ clear:both; height:1px; width:100%; }
.aboutusbg1 .list .pic{ float:left; width:15%;}
.aboutusbg1 .list .txt{ float:right; width:80%;}
.aboutusbg1 .list .txt .title img{ float:left; width:40px; padding-right:5px; padding-top:3px;}
.aboutusbg1 .list .txt .title { font-size:0.9em;  color:#333; font-weight:bold; }
.aboutusbg1 .list .title:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.aboutusbg1 .list .txt .summary{ font-size:0.8em; color:#333; padding:0.5em 0;}
.aboutusbg1 .clear2{ clear:both; height:1px; width:100%; }
.aboutusbg1 .list:hover { background:#d9f0da;}

ul.classs li{ float:left; width:24.6%; background:#f0eeee; margin-right:3px; text-align:center;}
ul.classs:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
ul.classs li .txt{ width:90%; margin:0 auto;  padding:2em 0; height:200px; line-height:2em; text-align:left;}
ul.classs li .txt strong{ background:#b7e3f5; font-weight:normal; padding:0.5em; font-size:1.2em; }
ul.classs li img{ width:100%; height:auto;}




/*次選單*/
.subnav{}
.subnav .subtitle{ color:#fff; text-align:center; background:url(../images/subnavbg.gif) no-repeat bottom right; height:145px; border-bottom:1px dashed #333;}
.subnav ul{padding-top:1px;}
.subnav li a{display:block; padding:20px; color:#000; font-size:1.2em; background:url(../images/bg-subnav.gif) repeat-x bottom ; letter-spacing:0.2em;}
.subnav li.submenuOver a, .subnav li a:hover{color:#fff; background:#68aeb0;}
.subnav ul ul{}
.subnav ul ul li a{padding:0.8em 1.5em; border:none; background:#bddee3; color:#333; font-size:0.95em;}
.subnav ul ul li.submenusubOver a{color:#fff; background:#8ec3c4;}
.subnav ul ul li a:hover{color:#fff; background:#8ec3c4;}

.subnav2{}
.subnav2 .subtitle{ color:#fff; text-align:center; background:url(../images/subnavbg.gif) no-repeat bottom right; height:145px; border-bottom:1px dashed #333;}
.subnav2 ul{padding-top:1px;}
.subnav2 li a{display:block; padding:20px; color:#000; font-size:1.2em; background:url(../images/bg-subnav.gif) repeat-x bottom ; letter-spacing:0.2em;}
.subnav2 li.submenuOver a, .subnav2 li a:hover{color:#fff; background:#6ab365;}
.subnav2 ul ul{}
.subnav2 ul ul li a{padding:0.8em 1.5em; border:none; background:#bbe4bc; color:#333; font-size:0.95em;}
.subnav2 ul ul li.submenusubOver a{color:#fff; background:#bbe4bc;}
.subnav2 ul ul li a:hover{color:#fff; background:#bbe4bc;}

.subnav3{ }
.subnav3 .subtitle{ color:#fff; text-align:center; background:url(../images/subnavbg.gif) no-repeat bottom right; height:145px; border-bottom:1px dashed #333;}
.subnav3 ul{padding-top:1px ; background:url(../images/bg-subnav.gif) repeat-x bottom ; padding-bottom:0.5em; margin-bottom:1em;}
.subnav3 li a{display:block; padding:20px 10px; color:#000; font-size:1.2em; letter-spacing:0.2em; float:left; margin-right:0.2em; background:#f4f4f4; margin-bottom:1px;}
.subnav3 li.submenuOver a, .subnav3 li a:hover{color:#fff; background:#eaa948;}
.subnav3 ul ul{}
.subnav3 ul ul li a{padding:0.8em 1.5em; border:none; background:#f6e1c8; color:#333; font-size:0.9em;}
.subnav3 ul ul li.submenusubOver a{color:#fff; background:#f6e1c8;}
.subnav3 ul ul li a:hover{color:#fff; background:#f6e1c8;}
.subnav3 ul:after{clear:both; display:block; visibility:hidden; height:0; content:".";}

.subnav4{}
.subnav4 .subtitle{ color:#fff; text-align:center; background:url(../images/subnavbg.gif) no-repeat bottom right; height:145px; border-bottom:1px dashed #333;}
.subnav4 ul{padding-top:1px ; background:url(../images/bg-subnav.gif) repeat-x bottom ; padding-bottom:0.5em; margin-bottom:1em;}
.subnav4 li a{display:block; padding:20px 10px; color:#000; font-size:1.2em; letter-spacing:0.2em; float:left; margin-right:0.2em; background:#f4f4f4;}
.subnav4 li.submenuOver a, .subnav4 li a:hover{color:#fff; background:#a786ab;}
.subnav4 ul ul{}
.subnav4 ul ul li a{padding:0.8em 1.5em; border:none; background:#e2d9e4; color:#333; font-size:0.9em;}
.subnav4 ul ul li.submenusubOver a{color:#fff; background:#e2d9e4;}
.subnav4 ul ul li a:hover{color:#fff; background:#e2d9e4;}
.subnav4 ul:after{clear:both; display:block; visibility:hidden; height:0; content:".";}


.subnav5{}
.subnav5 .subtitle{ color:#fff; text-align:center; background:url(../images/subnavbg.gif) no-repeat bottom right; height:145px; border-bottom:1px dashed #333;}
.subnav5 ul{padding-top:1px;}
.subnav5 li a{display:block; padding:20px; color:#000; font-size:1.2em; background:url(../images/bg-subnav.gif) repeat-x bottom ; letter-spacing:0.2em;}
.subnav5 li.submenuOver a, .subnav5 li a:hover{color:#fff; background:#ffcc33;}
.subnav5 ul ul{}
.subnav5 ul ul li a{padding:0.8em 1.5em; border:none; background:#fbf1c0; color:#333; font-size:0.95em;}
.subnav5 ul ul li.submenusubOver a{color:#fff; background:#edda7d;}
.subnav5 ul ul li a:hover{color:#333; background:#edda7d;}






/***各單元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-top:2em;}

.pdSearch2{border:#eee 5px solid; padding:1em;}
.pdSearch2:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.pdSearch2 .shform{width:85%; border:#ccc 1px solid; height:2.5em; line-height:2.5em; padding:0 0.5em; float:left;}
.pdSearch2 .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;}



.prod{padding-top:35px;}
.prod:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.prod .pd{width:31%; margin-left:3%;  float:left;  background:#f4f4f4;}
.prod .pd:first-child{margin-left:0%;}
.prod .pdimg { width:80%; margin:0 auto; padding-top:2em; text-align:center;}
.prod .pd:hover{background:#f098a6;}

.prod .pdimg img{ width:100%; height:auto; }
.prod .pdtxt {width:80%; margin:0 auto; padding:1em 0;}
.prod .pdtxt h2{font-size:1.05em; padding:0.5em 0 0.3em 0; color:#000;}
.prod .pdtxt span{font-size:0.8em; color:#ccc; }

.prod .pdtxt h3{font-size:1em; color:#999; padding-top:5px;}

.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*/
.detail{ width:100%; padding-top:60px;}
.detail .left{ width:53%; float:left;}
.detail .right{ width:42%; float:right;}
.detail .right h1{ color:#333; font-size:1.3em; background:url(../images/bg-subnav.gif) repeat-x bottom; padding-bottom:1em; letter-spacing:0.1em;}




/*Detail*/
.Detail{padding-top: 1.5em;}
.feature li{ padding-left:32px; color:#333; background:url(../images/icon-list.png) no-repeat top left; line-height:28px; margin-bottom:0.5em;}
.feature { padding:1.5em 0;}
.imglist li { float:left; margin-right:1em;padding-bottom:0.5em;}
.imglist li:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.imglist { }
.share { margin:0 0 1em 0; }

.share .fb a{ background:#003366; color:#fff; display:block; padding:1em 1.5em; float:left; margin-right:1px; }
.share .google a{ background:#ff9900; color:#fff; display:block; padding:1em 1.5em; float:left; margin-right:1px; }
.share .twitter a{ background:#0099cc; color:#fff; display:block; padding:1em 1.5em; float:left; margin-right:1px;  }


.left .pdimg{ width:78%; float:left;}


.feature-txt{ padding-top:2em;}
.feature-txt .title1{ background:url(../images/title-bg1.png) no-repeat bottom right; line-height:60px;}
.feature-txt .title1 h2{ background:#72b0d7; color:#fff; padding:0.5em 1em; float:left; font-size:1.3em; letter-spacing:0.2em;}
.feature-txt .txt{ color:#333; line-height:1.8em; font-size:1.2em; padding:2em 0;}
.feature-txt strong{ background:#f3dab7; color:#333; padding:0.5em; font-weight:normal;}

.feature-txt .title2{ background:url(../images/title-bg2.png) no-repeat bottom right; line-height:60px;}
.feature-txt .title2 h2{ background:#8cb665; color:#fff; padding:0.5em 1em; float:left; font-size:1.3em; letter-spacing:0.2em;}

.smprod{padding-top:35px;}
.smprod:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.smprod .pd{width:22%; margin-left:2%;  float:left;  background:#f4f4f4;}
.smprod .pd:first-child{margin-left:0%;}
.smprod .pdimg { width:80%; margin:0 auto; padding-top:2em; text-align:center;}
.smprod .pd:hover{background:#f098a6;}

.smprod .pdimg img{ width:100%; height:auto; }
.smprod .pdtxt {width:80%; margin:0 auto; padding:1em 0;}
.smprod .pdtxt h2{font-size:1.05em; padding:0.5em 0 0.3em 0; color:#000;}
.smprod .pdtxt span{font-size:0.8em; color:#ccc; }

.smprod .pdtxt h3{font-size:1em; color:#999; padding-top:5px;}

/*
#prodDetail .left .pdimg img{ width:100%;}
*/
.left .pdimgs{ width:17%; float:right;}
.left .pdimgs img{ width:98%; box-shadow:1px 1px 12px -2px rgba(20%,20%,40%,0.5); margin-bottom:1em;}
/*

/*分頁*/	
.paging{text-align:center; padding-top:1em;  margin-top:2em;}

.pagelink{ font-size:1.2em; color:#bd8b00; font-weight: bold;}
.pagelink a{font-size:1em; color: #999;}
.pagelink a:hover {color:#bd8b00; 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:#bd8b00; text-decoration:underline;}

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

.pagelink img{ width:15px; height:auto;}




/*list*/
.list:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.list .date{color:#999; padding-bottom:5px; font-size:0.8em; font-family:Verdana, Geneva, sans-serif;}
.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:#0862DC;}

.list .img{width:180px; float:left; padding-top:1em;}
.list .img img{width:150px; box-shadow:#999 0 0 5px; padding:1px;}
.list .txt{width:calc(100% - 180px); float:right;}

.list2:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.list2 .date{color:#999; padding-bottom:5px; font-size:0.8em; font-family:Verdana, Geneva, sans-serif;}
.list2 .date span{padding-left:8px; color:#c00;}
.list2 li{padding:10px 0; float:left; width:46%;  background:#efefef; padding:1.2em 1em; margin-bottom:1em;}
.list2 li a{color:#000; font-size:16px;}
.list2 li a:hover{color:#a786ab;}
.list2 { padding-bottom:0.5em;}
.list2 li:hover{background:#e2d9e4;}
.list2 li .sp{ float:right;}
.list2 li:nth-child(2){float:right;}
.list2 .summary{ color:#666; font-size:0.9em; padding-top:0.5em;}

.list2 .more{padding-top:1em;}
.list2 .more a{font-size:0.8em; color:#fff; background:#a786ab; padding:0.5em;}
.list2 .more a:hover{background:#f098a6; color:#fff;}

.list2 .img{width:180px; float:left; padding-top:0.5em;}
.list2 .img img{width:150px;  padding:1px;}
.list2 .txt{width:calc(100% - 180px); float:right;}


.list3:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.list3 li{padding:20px 0; background:#efefef; color:#333; border-bottom:1px dotted #ddd;}
.list3 li h2{ width:20%; float:left; text-align:left; padding-left:20px; font-size:16px; letter-spacing:0.05em;}
.list3 li h2 i{ font-size:13px; color:#e8b620; padding-right:0.2em;}

.list3 li .tel{ width:20%; float:left; text-align:left; padding-left:10px;}
.list3 li .address{ width:50%; float:left; text-align:left; padding-left:10px;}

.list3 li:first-child{ background:#fff; margin:0px;}
.list3 li:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.list3 li:hover{ background:#fbf1c0; }



/*listDetail*/
.listDetail{padding-bottom:2em;}
	.listDetail .img img{ width:100%; height:auto;}

	.listDetail .toolbar:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
	.listDetail .toolbar{border-top:#ccc 1px dashed; padding:1.5em 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 a{border:#ccc 1px solid; width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; border-radius:40px; line-height:50px;}
	.listDetail .txt{ font-size:1.2em; line-height:1.5em; color:#333;}
	.back a{display:inline-block; font-size:0.8em; color:#fff; background:#72b0d7; padding:1em; text-align:center;}
	.back a:hover{background:#efbfd2;}
	
	.back2 a{display:inline-block; font-size:0.8em; color:#fff; background:#a786ab; padding:1em; text-align:center;}
	.back2 a:hover{background:#efbfd2;}
	
	




/*.Detail*/
.Detail .img{padding-bottom:1.5em; text-align:center;}

/*.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;}
	.otherlist .date{font-size:0.9em; color:#999; padding-left:5px;}
	.otherlist .more{padding:1em 0 0; margin:0;}
	.otherlist .more a{display:inline-block; font-size:0.8em; color:#fff; background:#72b0d7; padding:1em;}
	.otherlist .more a:hover{background:#efbfd2;}
	.otherlist i{color:#c00; padding-right:5px;}


/*eventbox*/

#outbox{   
    width:100%; 
	margin:0 auto;
}

.content_box{
	width:30%;
	display: inline-block;
	font-size:12px;
	border: 1px dotted #4F4F4F;
	padding: 10px;
	margin: 5px 5px 5px 0;
	overflow:hidden;
	font-size:15px;
	line-height: 1.5em;
	letter-spacing: 1pt;
	color:#353535;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;		
}
.content_box .img{ width:100%; height:300px; margin-bottom:1em; }
.content_box h2{ padding-bottom:1em; color:#333; font-size:1.1em;  min-height:3em;}
.minwt{text-decoration:none; color:#fff; font-size:18px; font-weight:bold; background:#0066FF; padding:5px 15px; float:right;}
#outbox:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.content_box:hover{	background-color:#e7b4bc; color:#333;}
.content_box:hover img{opacity:1;   }
.content_box span{ font-size:0.8em; letter-spacing:0.1em;}
.post_content{ min-height:60px;}

.eventDetail{}
.eventDetail h1{ color:#333; border-bottom:2px solid #ccc; padding:1em 0; margin-bottom:1em; font-size:1.5em; letter-spacing:0.2em;}
.eventDetail summary{padding:2em 0; color:#333; }
.eventDetail h1 i{ color:#f47b22; padding-right:0.5em;}
.eventDetail .img{ text-align:center; width:650px; margin:0 auto; margin-bottom:1em;}
.eventDetail .img img{ width:100%; height:auto;}
.eventline{  border-bottom:2px solid #ccc; margin-bottom:1em; margin-top:1em;}
.event-date{ padding:1em 0; color:#333;}
.event-date span{ padding:0 1em;}
.event-date i{ float:right; color:#fff; padding:0.5em; background:#f47b22;}



/*caform*/
.contact{padding-bottom:3em; width:80%; margin:0 auto; margin-top:2em;}
.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 { margin-top:2em;}

.contacttitle{ text-align:center; color:#0862DC; padding:1em 0;}
.contacttitle h2{ font-size:1.3em;}
.contacttitle h3{ font-size:0.6em; letter-spacing:0.2em;}
.contact-bg{ background:url(../images/bg-contact.html) repeat-x top; height:3em; width:100%;}

.contactinfo{ padding-bottom:2em; margin-bottom:2em; border-bottom:1px dotted #ccc;}
.contactinfo:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
.contactinfo .left{ float:left; width:50%;}
.contactinfo .right{ float:left; padding-left:2em; padding-top:2em; width:40%;}
.contactinfo iframe{height:300px; width:100%;}
.contactinfo .right li{list-style-type:disc; padding-left:0.5em; padding-bottom:0.2em; font-size:0.8em;}



.map {position:relative; height:550px;}
.map .mapinfo{ width:50%; background:rgba(255,255,255,0.8); position:absolute; z-index:2;  right:0;}
.map .mapinfo .summary{ padding:3em 2em 0 2em;}
.map .mapinfo .summary h2{ font-size:1.1em; color:#9b854d; letter-spacing:0.1em;}
.map .mapinfo .summary h3{ font-size:0.8em; color:#9b854d; 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:540px; width:100%;}

.map .mapinfo{ width:99.5%; background:rgba(255,255,255,0.8) url(../images/bg-contactus.html) no-repeat bottom right; 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; }

.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:80% !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;}
.caform .bt{ text-align:center; padding-bottom:2em;}
.btSty{background:#0862DC; color:#fff; border:none; padding:10px 15px; cursor:pointer; margin-right:1px;}
.btSty:hover{background:#333; 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;}

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


/*faq*/
#qaContent{ padding:2em 0; font-size:1em; color:#333; line-height:1.5em;}
#qaContent ul li div strong{ cursor:pointer; color:#0066cc; font-size:1.2em;  font-weight:normal; }
#qaContent ul li div strong i { width:30px; height:30px; line-height:30px;text-align:center; color:#fff; background:#0066cc; margin-right:0.5em; border-radius:99px;}
#qaContent ul li div strong:hover i{ color:#fff; background:pink; }
#qaContent ul li .summary { font-size:1em; margin-left:2.7em; padding-bottom:1em; width:80%;}
#qaContent ul li { border-bottom:1px dashed #ccc; margin-bottom:0.5em; margin-top:0.5em;}
#qaContent ul li .qlist{ padding:1em 0;}


/*video*/
.video { width:50%; float:right; margin-top:65px; text-align:left;}
.video .play{ position:absolute; z-index:1; width:48px; height:48px; background:url(../images/icon-play.png) no-repeat center top; margin-top:8%; margin-left:12%; }
.video:hover .play { background:url(../images/icon-play-ov.png) no-repeat center top;}
.about-bottom{	
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:250px;
	position:relative;
	margin-top:0em;
}
.video-grid-pos h3 { font-size:1em; color:#fff; text-align:center; background:pink; padding:0.5em; margin-bottom:1em;}
.play-icon span{}
.video-more{
	position: absolute;
	bottom:0;
    left: 0;
    width: 100%;
    text-align: right;
}
.video-grid-pos{
	position: absolute;
	bottom:35%;
    left: 0;
    width: 100%;
    text-align: center;
}

.video-grid-pos ul{
	padding:1em 0 0;
}
.video-grid-pos ul li{
	display: inline-block;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    padding-right: 1em;
}
.video-grid-pos ul li label {
    padding-left: 1em;
}
.video-grid-pos ul li a{
	text-decoration:none;
	color:#A3CF5C;
}
.video-grid-pos ul li a:hover{
	color:#fff;
}
.video-grid-pos ul li span{
	color:#FFFFFF;
}


.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
		margin-bottom:10px;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		 border:none;
	}

/*-- //about-bottom --*/



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

@media screen and (max-width: 960px) {
	
.supportimg img{ width:100%; height:auto;}
.subContent img{ width:100%; height:auto;}
}

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

}

@media screen and (max-width: 650px) {
.detail{ width:95%; margin:0 auto;}
.subnav3 ul{padding-top:1px; width:100%;}
.subnav3 li a{display:block; padding:20px 10px; color:#000; font-size:1.05em; letter-spacing:0.2em; float:none; margin-right:0em; background:#f4f4f4; width:92%; margin:0 auto; margin-bottom:1px; }
.subnav4 li a{display:block; padding:20px 10px; color:#000; font-size:1.05em; letter-spacing:0.2em; float:none; margin-right:0em; background:#f4f4f4;  width:92%; margin:0 auto; margin-bottom:1px;}
.subnav5 li a{}


.mainleft{ width:100%; float:none; padding-top:30px;}
.mainright{ width:100%; float:none; padding-top:30px;}

.subnav .subtitle{ display:none;}
.subnav2 .subtitle{ display:none;}
.subnav5 .subtitle{ display:none;}

.aboutusbg1 { text-align:center;}
.aboutusbg1 .list{ float:left; background:#fff; padding:0.5em 0; border-top:#999 5px solid; color:#333; width:100%; margin:0 auto; min-height:110px; text-align:left; }


.detail .left{ width:98%; float:none; margin:0 auto;}
.detail .right{ width:98%; float:none; margin:0 auto;}
.smprod .pd{width:48%; margin-left:1%; margin-right:1%; float:left;  background:#f4f4f4; margin-top:1em;}
.smprod .pd:first-child{margin-left:1%; margin-right:1%; margin-top:1em;}

.detail .left .pdimg{ display:none;}
.detail .pdimgs{ display:none;}
.pddetailimgs img{ display:block;}

.notebox{ width:100%; border:1px solid #ddd; margin-top:1em;}
.notebox .left{ padding:1em; width:50%; float:none; margin:0 auto; }
.notebox .right{ padding:1em; width:100%; float:none;}
.notebox .txt{ padding:1.5em 0; text-align:center;}

.imgr{ width:40%; float:none; margin:0 auto;}
.txtr{ width:100%;  float:none; margin:0 auto;}

.txtbox{ padding:1em 0; width:95%; float:none;  margin:0 auto;}
.txtpoint{  padding:1em 0; width:95%; float:none; margin:0 auto;}
.txtbox4{ padding:1em 0; width:100%; float:none; margin:0 auto; }
.txtbox4 img{ width:80%; margin:0 auto;}

.list2 li{padding:10px 0; float:none; width:100%;  background:#efefef; padding:1.2em 0em; margin-bottom:1em;}
.list2 li:first-child{float:none;}
.list2 .img{width:180px; float:left; padding-top:0.5em; padding-left:0.5em;}
.list2 .img img{width:150px;  padding:1px;}
.list2 .txt{width:calc(100% - 195px); float:right; padding-right:0.5em;}


.list3 li h2{ width:100%; float:none; text-align:left; padding-left:20px; font-size:16px; letter-spacing:0.05em;}
.list3 li h2 i{ font-size:13px; color:#e8b620; padding-right:0.2em;}

.list3 li .tel{ width:100%; float:none; text-align:left; padding-left:20px;}
.list3 li .address{ width:100%; float:none; text-align:left; padding-left:20px;}

.content_box{
	width:95%; margin:0 auto; float:none;
}

.content_box .img{ width:100%; height:300px; margin-bottom:1em; }


.sitemap dl{padding:1em; width:90%; margin:0%; float:none; text-align:left; margin:0 auto; margin-bottom:1em; }


}

@media screen and (max-width: 480px) {
	
.txtleft{ float:none; width:100%;}
.imgright2{ float:none; width:100%;}
ul.classs li{ float:none; width:95%; background:#f0eeee; margin-right:0px; text-align:center; margin:0 auto; margin-bottom:1em;}

	
}