body {
     margin: 0;
	font-family: Arial,"微軟正黑體";
    width: 100%;
 }
#content{
	width: 100%;
	height: 100%;
	position: relative;
	
}

.header{
	width: 100%; 
	height: 60px;
	position: relative;
	border-bottom: 2px solid #005bac;
}

.headercontent{
	width: 100%; 
	margin: 0 auto;
	height: 60px;
	position: relative;
}


.headercontent .linkbtn{ width: 380px;height: 49px;position: relative;  display: none;}
.headercontent .linkbtn li{float: left;}
.headercontent .linkbtn li a{float: left; display: none;}
.link1{width: 95px; height: 49px; background: url(../images/member.png);}
.link2{width: 95px; height: 49px; background: url(../images/qa.png);}
.link3{width: 95px; height: 49px; background: url(../images/fb.png);}
.link4{width: 95px; height: 49px; background: url(../images/shop.png);}
.search{width: 160px; height: 26px; position: absolute; right: 0; display: none;}
.search input{ width: 132px; height: 24px;border: 1px solid #00aeff; margin-top: 11px; text-indent: 4px; position: absolute; left: 0;}
*::-webkit-input-placeholder {
    color: #00aeff;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #00aeff;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #00aeff;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #00aeff;
}
.sbtn{width: 25px; height: 26px; position: absolute; margin-top: 11px; right: 1px;}

/*480px*/
.logom{}
a .searchicon{ float:right;}

.menuicon{float:left;}
.menuicon img{width: 100%;}
.menubtn{width: 100%;position: relative; z-index: 999;}
.menubtn a{float: left;}
.menubtn .menubtn1{width: 25%; display: block;}
.menubtn .menubtn2{width: 25%; display: block;}
.menubtn .menubtn3{width: 22.7%; display: block;}
.menubtn .menubtn4{width: 27.3%; display: block;}
.menubtn1 img, .menubtn2 img, .menubtn3 img, .menubtn4 img{width:100%;}
.mav {
    display: none; position: absolute; z-index: 1000;opacity: 0.9;top: 100%;
}
.toggle {
    width: 20.2%;
    color: #FFF;
    z-index: 100;
}
.mav ul li{
    float: none;
    width: 100%;
    z-index: 100;
    position: relative;
    float: left;
    color: #FFF;
    list-style: none;
    background: #0058aa;
    padding: 10px 20px ;
}
.mav ul li a{
    z-index: 100;
    color: #FFF;
    text-decoration: none;
}

/*mobile searchbar*/
.searchbar{width: 100%; height: 60px; background:#0058aa;  position: absolute; top: 0;  z-index: 999999; display: none;}
.bar_bg{width: 100%; position: absolute;} 
.searchbar a{display: block;}
.searchbar a img{width: 100%;}
.m_close{ position: relative;  left: 0; float: left;}
.m_keytxt{width: 65%; position:relative; height: 30px; top: 20%; color: #b9b9b9;float: left; }
.m_search{ position: relative; float: right;}
/*選單開始*/
.menu{
	width: 100%;
	height: 53px;
	position: relative;
	top: 0;
	z-index: 50;
	background: #fff;
	-webkit-box-shadow: 0px 3px 5px #c7c7c7;
	-moz-box-shadow: 0px 3px 5px #c7c7c7;
	box-shadow: 0px 3px 5px #c7c7c7;
	display: none;
}
.menucontent{
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 53px;
}

.menucontent .nav{position: relative; float: left; height: 53px; width: 960px; margin: 0 auto; margin-top: -3px;}
.menucontent .nav li {float: left;  }  
.menucontent .nav li a{float: left;}  
.m1{width: 94px;height: 53px; background: url(../images/m1.png); margin-left: 2%;}
.m2{width: 131px;height: 53px;background: url(../images/m2.png);}
.m3{width: 131px;height: 53px;background: url(../images/m3.png);}
.m4{width: 131px;height: 53px;background: url(../images/m4.png);}
.m4:hover{background-position: bottom;}
.m5{width: 131px;height: 53px;background: url(../images/m5.png);}
.m6{width: 131px;height: 53px;background: url(../images/m6.png);}
.m7{width: 200px;height: 53px;background: url(../images/m7.png);}
.m1:hover, .m2:hover, .m3:hover, .m4:hover,.m5:hover,.m6:hover,.m7:hover{background-position: bottom;}
.act{background-position: bottom;}
/*選單結束*/

/*首頁內容開始
-------------------------------------------------*/
.jsbtn{width:50%; position: relative; top: 80.6%; margin-left:40.3%; display: block;}
.jsdot{width: 20%; float: left; position: relative;}
.jsbtn img{width: 100%;}
.jsbtn ul{width: 100%; }
.jsbtn li{width: 5%; margin-right:5%; display: block; float: left; position: relative;line-height: 0px;}


.sidebanner{width: 100%; height: 25.9%; position: relative;  margin: 0 auto; margin-top: 25px;}
.sbanner{width: 92.9%;position: absolute; left: 3.7%; display: none;}
.sbanner img{width: 100%;}
.sbannerM{width: 300px; height: 205px; position: relative; display: none; float: left; margin-right: 30px; }
.sbanner img, .sbannerM img, .sbannerR img{position: absolute;}
.sbannerR{width: 300px; height: 205px; position: relative; display: none; float: left;  }
.sbname{width: 100%;   position: absolute; top: 75.9%; z-index: 100; }
.sbtext{width: 80%;  font-size: 15px;color:#333333; display: block; position: absolute; bottom: 5%; left: 5%;}
.sarrow{width: 5% ;display: block; position: absolute; bottom: 6%; right: 5%;}
.sarrow img{width: 100%;}
.sbannert{width: 100%; position: absolute; bottom: 0%;}
.sbannert img{width: 100%;}


.sbanner480{width: 100%; position: relative;  margin: 0 auto; margin-top: 25px; overflow:hidden;}
.sbanner480 img{width: 100%;}

.arrows {
		width: 12%;
		height: 27%;
		float: right;
		z-index: 999;
}

.arrows a {
		float: left;
		width: 14%;
		height: 40%;
		background: url(../images/pre.png) no-repeat left top;
		z-index: 999;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}



.prev{width: 12%; position: absolute; top: 34.5%; left: 0; display: block;}
.arrows .next{width: 12%; position: absolute; top: 34.5%; right: 0;background:url(../images/next.png) no-repeat left top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; }
.sbanner480 a img{width: 100%;}

.note{width: 100%; position: relative;  margin: 0 auto; }
.note1{width: 92.9%;  position: relative; display: block; float: left; margin-left: 3.4%; margin-top:14%;text-decoration: none;}
.note2{width: 92.9%; position: relative; display: block; float: left; margin-left: 3.4%;  margin-top:14%;text-decoration: none;}
.note1 label, .note2 label{font-size: 20px; color: #005bac; }
.notepic{width: 40%; position: absolute; top: 0; right: 0; }
.notepic img{width: 100%; }
.notedate{width: 55%; color: #005bac; margin-top: 5px;font-size: 14px;}
.notetext{width: 55%; color: #666666; margin-top: 2px; line-height:20px;font-size: 14px;}
.gobtn{width: 46px; height: 19px; position: relative; float: left;margin-top: 10px;}
.gobtn1{width: 46px; height: 19px; position: relative; float: left;margin-top: 10px;}
.gobtn2{width: 75px; height: 19px; position: relative; float: left;margin-top: 10px;}


.footer,.sbanner500 {

	display: none;
}
.footercontent{
	width: 100%; 
	height: 50px;
	margin: 0 auto;
	position: relative;
}
.footercontent img{float: left; position: relative; left: 0px; }
.copyright{width: 720px; height:20px; position: relative; float: left; font-size: 10px; margin-top: 18px; margin-left: 10px; letter-spacing: 0.5px;}

.footer480 {width: 100%; position: relative; bottom: 0;  clear: both;}
.footer480 img{width: 100%; margin-top: 10%; }
a .footerm{display: block; position: absolute; width: 22.9%; ; left: 29.6%;display: block; bottom: 32%; z-index: 99;}
.footer480 .footerm a img{width:100%;}


/*新增 手機左右滑動*/
.slideshow{width:320px; height: 280px; position: relative; margin: 0 auto; overflow: hidden; }
.slideshow img{width: 100%; overflow: hidden; } 
.slidebar ul, .slidebar li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
.slideshow .slidebar{
	float: left;
	width:320px; height: 280px; 
	position: relative;
	
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.slidebar ul {
		position: absolute;
	}
.slidebar ul li{
	float: left;
	width:320px; height: 218px;
}
.slidebar ul li a{
	display:block;
	position:relative;
}
.slidebar img{
	width: 100%;
	float: left;
	display:block;
}

.slidebar ul li .aaaarow{width: 17px; height: 17px;position: absolute;top: 240px;right: 10px; z-index:999;}
.slidebar ul li .teeeext{width: 80%;  font-size: 15px;color:#333333; display: block; position: absolute; top: 240px;left: 10px; z-index:999;}


/*---------首頁結束---------*/

/*------內頁麵包屑-----------*/
.breadCrumb{width: 100%; height: 20px; position: relative; margin: 0 auto; top: 20px; clear: both; display: none;}
.breadCrumb ul li{float: left; }
.breadCrumb a {
    text-decoration:none;
    margin:0 5px 0 5px;
    position:relative;
    color: #005bac;
}
.breadCrumb a:hover {
    color: #2090db;
}

/*-----------最新消息頁--------*/
.wrap{width:100%; height: 100%; position: relative; margin: 10px auto 0 auto; clear: both; float: left;}
.wrap ul{position: relative; width: 100%; height: 100%; display: inline; left: 0px;}
.wrap ul li{width: 90%;  position: relative; float: left; margin: 15px 10px 20px 15px; display: inline; }
.wrap ul li img{width: 100%;}
.cla{display: block; width: 100%; height: 27px; background: url(../images/news/cla.jpg) no-repeat; text-indent: 3.6em; font-size: 80%; text-decoration: none; margin-top: 5px;color:#999999; }
.newslink{display: block; width: 100%; height: 27px; margin-top: 8px;background: url(../images/news/arrow.png);background-position: right center; background-repeat: no-repeat;}
.wrap ul li a{width:100%; height:27px; text-decoration: none; color: #005bac; padding-left: 15px; font-size: 11pt; float: left;}


.page{width: 90%; height: 20px; position: relative; margin: 0 25px;}
.page ul li{ width: 16.5%; height: 27px; float: left;}
.page ul li .num{display: block; width: 15%; height: 15px;text-decoration: none; font-size: 12pt; vertical-align: sub; color: #005bac; margin: 0 5px; text-align: center;}
.page ul li .num:hover{background-color: #005bac; color: #fff;}

#bcs{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
/*may 加的*/
/*********************/
#bcs1{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop1{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs2{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop2{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs3{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop3{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs4{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop4{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs5{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop5{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs6{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop6{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs7{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop7{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs8{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop8{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
#bcs9{width: 100%; height: 100%;background: url(../images/news/bcs.png); position: absolute; z-index: 10000;display: none;}
.pop9{width: 90%; height:auto; background: white; position:absolute; left: 50%; margin-left: -45%; top: 2%; display: none;}
/*********************/
.popL{width: 100%;  position: relative; float: left;}
.popL img{width: 100%;}
.popR{width: 100%; position: relative; float: left; }
.popR h2{color: #005bac; font-size: 16px; padding-left: 15px; margin-top: 5px; margin-bottom: 5px;}
.popR p{color: #666666; font-size: 13px; padding-left: 15px; margin-top: 5px; line-height: 24px; }
.dotline{margin-left: 2.5%; width: 95%;}
.pop .dotline img{width: 100%;}
.backbtn{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn img{width: 100%;}

/*********************/
.pop1 .dotline img{width: 100%;}
.backbtn1{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn1:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn 1img{width: 100%;}
.pop2 .dotline img{width: 100%;}
.backbtn2{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn2:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn2 img{width: 100%;}
.pop3 .dotline img{width: 100%;}
.backbtn3{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn3:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn3 img{width: 100%;}
.pop4 .dotline img{width: 100%;}
.backbtn4{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn4:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn4 img{width: 100%;}
.pop5 .dotline img{width: 100%;}
.backbtn5{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn5:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn5 img{width: 100%;}
.pop6 .dotline img{width: 100%;}
.backbtn6{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn6:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn6 img{width: 100%;}
.pop7 .dotline img{width: 100%;}
.backbtn7{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn7:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn7 img{width: 100%;}
.pop8 .dotline img{width: 100%;}
.backbtn8{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn8:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn8 img{width: 100%;}
.pop9 .dotline img{width: 100%;}
.backbtn9{display: block; width:136px; height: 30px; position: relative; background: url(../images/news/backbtn.jpg)136px 0; margin-left:55%; margin-top: 5px; clear: both; margin-bottom: 20px;}
.backbtn9:hover{background: url(../images/news/backbtn.jpg)0 0; }
.backbtn9 img{width: 100%;}
/*********************/


/*----------產品介紹頁---------*/
.pro_nav{display: none;}

.main{width: 95%;  position: relative; margin: 0 auto; top: 10px; }
.main img{width: 100%;}
.prolist{width: 100%;  position: relative; margin: 0 auto; margin-top: 20px;}
.prolist img{width:100%;}
.prolist ul li a{width:45%;float: left; padding:0 2% 20px 3%;text-decoration: none;}
.prolist ul li a .protxt{
	width:100%;
	height:44px;
	overflow:hidden;
	font-size:13px;
	color:#666666;
	line-height:20px;
	margin-bottom:10px;
	text-align: center;
	letter-spacing: 0px;
}

#nav_menu_container{width: 95%; position: relative; margin: 0 auto; clear: both; }
.menu_logo{
	cursor: pointer;
	width: 100%; height: 35px; line-height:35px; background: #005bac; color: white; font-size: 16px; text-indent: 5pt;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../images/product/nav_down.png);
	background-position: right center; background-repeat: no-repeat;

}
.menu_show{width: 100%; height: 180px; position: absolute; display: none;}
.menu_show ul{
	width: 100%;
	z-index: 100;
	position: absolute;
	box-shadow: 0 1px 1px 1px rgba(0,1,0,0.10);
	margin-top:5px; 

}
.menu_show ul li{
	width: 100%; 
	height: 35px;
	line-height:35px; 
	color: #005bac; 
	text-indent: 5pt;
	float: left; 
	z-index: 1000;
	font-size: 16px;
	cursor: pointer;

}
.menu_show ul li a{
	text-decoration: none; color: #005bac;
}
.menu_show .show1{background: #f2f2f2; }
.menu_show .show1a{
	background: #f2f2f2;
 }
.menu_show .show2{background: #fff; }
.menu_show .show2a{
	background: #fff; 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*------產品介紹 內頁-------*/
.pro_top{width: 100%; position: relative;margin: 0 auto; clear: both; top: 20px; z-index: 999;}
.top_left{width: 100%;  position: relative; float: left;margin-left: 10px;}
.main_pic{width: 70%; position:relative;  float: left;}
.main_pic img{width: 100%;  }
.pic_change{width: 80px; position: relative; float: left;}
.pic_change ul li{float: left;}
.smallview{width: 77px; height: 70px; background: url(../images/productin/smallview.png);
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	margin-bottom: 13px;
}
.smallview:hover, .viewact{ background: url(../images/productin/smallview1.png);}
.pic_change ul li a img{width: 68px; height: 68px;margin-top:1px; margin-left: 8px;}


.top_right{width: 96%;  position: relative; margin: 25px 0 0 10px; float: left;}
.protitle{width: 100%; font-size: 16pt; line-height: 30px;}
.pronote{width: 100%; color: #ff0000;font-size: 13px; line-height: 24px; margin-top: 5px;}
.proml{width: 100%; color: #666666;font-size: 13px; margin-top: 10px;}
.proprice{width: 100%; color: #666666;font-size: 13px;margin-top: 15px;}
.price{color: #ff0000; font-size: 20pt; font-weight: normal;}
.probtn{width: 100%; height: 40px; margin-top: 10px;}
.probtn ul li{float: left; }

.buybtn{ width:150px;display: block; float: left;}
.buybtn:hover{background-position: bottom;}
.videobtn{ width:150px; display: block; float: left; margin-left: 5px;}
.videobtn:hover{background-position: bottom;}
.wherebuy{margin-top: 10px;}
.local{color: #666666; margin-bottom:30px; }
.fbbtn,.fb-like{width: 308px; height: 30px;}



.pro_btm{width: 100%; height: 484px; position: relative; margin: 0 auto; margin-top: 5%;}
.pro_btm_oneColumn { display:none;}
.btm_left{float: left; width: 100%; margin-top: 8%;}
.btm_left ul{width: 96%; height: 44px; padding-left: 2%;}
.btm_left ul li{float: left; }
.popbtn1{width: 100px;height: 34px;background: url(../images/productin/popbtn1m.png)0 0 ; display: block; float: left;}
.popbtn2{width: 100px;height: 34px;background: url(../images/productin/popbtn2m.png)0 0 ; display: block; float: left; margin-left: 1px;}
.popbtn3{width: 100px;height: 34px;background: url(../images/productin/popbtn3m.png)0 0 ; display: block; float: left; margin-left: 1px;}
.popbtn1:hover, .popbtn2:hover, .popbtn3:hover, .popact{background-position: bottom;}


.approve{width: 96%; height: 440px; background-color:#ecfaff ; overflow: auto; margin-left: 2%;}
.approve p{width: 90%; margin: 0 auto; padding-top: 15px;clear: both; text-align: justify; font-size: 13px;  color: #666666; line-height: 24px;}
.approve p img{padding: 10px 0;}
.approve img{width: 100%;}

.dr{width: 96%; height: 440px; background-color:#fbffec; display: none;  margin-left: 2%; overflow: auto; }
.dr p{width: 90%; margin: 0 auto; padding-top: 15px;clear: both; text-align: justify; font-size: 13px;  color: #666666; line-height: 24px;}
.dr p span .drname{font-size: 15px; color: #000;}
.dr img{padding: 2%;clear: both; width: 96%;}

.recommand{width: 96%; height: 440px; background-color:#fff1f1; overflow: auto;display: none;  margin-left: 2%; }
.recommand p{width: 90%; margin: 0 auto; padding-top: 15px;clear: both; text-align: justify; font-size: 13px;  color: #666666; line-height: 24px;}
.recommand p img{padding: 2%;clear: both; width: 96%;}

.btm_right{width: 96%;  position: relative; margin-left: 2%; float: left; margin-top: 5%;}
.btm_right p{ margin: 0 auto; padding-top: 5px;clear: both; text-align: justify; font-size: 13px;  color: #666666; line-height: 24px;}
.btm_right img{ }

.btmlistm{width:96%;  position: relative; margin-top: 7%;float: left; margin-left: 2%; }
.btmlistm img{  }
.btmlistm ul{width: 98%; margin: 0 auto; }
.btmlistm ul li{width: 130px; height: 155px ;float: left; margin: 10px; line-height: 16px; position: relative;}
.likepro{width: 130px; height: 123px;}
.btmlistm ul li a{text-decoration: none;}
.btmlistm ul li a p{text-align: center;}
.btmlistm ul li span{color: #666666; }
.btmlistm ul li b{color: #ff0000;}



.gonav{width: 100%; position: relative;  margin: 0 auto; margin-top: 25px; overflow:hidden;}
.gonav img{width: 100%;}
.proprev{width: 12%; position: absolute; top: 34.5%; left: 0; display: block;}
.pronextbtn{width: 12%; position: absolute; top: 34.5%; right: 0; }
.gonav a img{width: 100%;}

.btmlistm a{display: block;}
.btmlistm .gopre img{width:26%; margin-top: 5%; }
.btmlistm .golist img{width:48.2%; margin-top: 5%;}
.btmlistm .gonext img{width:25%;margin-top: 5%; }
.btmlistm .protop img{width:100%;  }
.btmlistm .protop{cursor: pointer;width:100%; position: relative; float: left;margin-top: 5%;margin-bottom: -5%; z-index: 99;}

.prolist3, .prolist4 ,.prolist5{display: none;}

/*--------vidoe頁-------*/
.vbtn{height: 44px; position: relative; margin: 0 auto;}
.vbtn ul{width: 95%; height: 44px;  margin: 25px auto; }
/*.vbtn ul li{float: left; }*/
.vbtn1{width: 89px; height: 44px;  background: url(../images/video/vbtn1m.png)0 0; display: block; float: left;}
.vbtn2{width: 89px; height: 44px;  background: url(../images/video/vbtn2m.png)0 0; display: block; float: left;}
.vbtn1:hover, .vbtn2:hover, .vbtnact{background-position: bottom;}



.mainvideo{width: 95%; margin:0 auto;}
.videoleft{width:96%; height: 305px;float: left; position: relative;  }
.videoleft img{position: absolute; width: 100%; height: 200px; top: 0; left: 2%;}
/*
.vdpage{width: 175px; height: 28px; position: relative;  left: 45.5%; top: 172px;}
.vdpage ul li{width: 28px; height: 28px; position: relative; float: left; background-color: #cccccc; margin-right: 1px; text-align: center; cursor: pointer; }
.vdpage ul li:hover,.vdpage ul .vdpgact{background-color: #005bac;}
.vdpage ul li a{width: 28px; height: 28px; text-align: center; line-height: 22pt; text-decoration: none; color: #fff; font-weight: normal;}
.vdbar{width: 100%; height: 45px; position:absolute; top: 200px;  background-color:  #005bac; color: #fff; line-height: 30pt; font-size: 13pt; font-weight: normal; text-indent: 1em; left: 2%; } 
.vdp{width: 100%; height: 60px; position: absolute; top: 245px;  background-color:  #f6f6f6; font-size: 16px; line-height: 20px; left: 2%; }
*/

.videoright{width:100%; float: left; margin:0 auto; position: relative; }
.smallvd{width: 96%; position: relative; margin: 20px 0 10px 0; margin-left: 2%;}
.smallvd li{width: 100%;  position: relative;  margin-bottom: 15px; float: left;}
.smallvd li img{float: left; width: 130px; height: 80px; margin-right:10px;}
.smallvd li a .vdtxt{ line-height: 18px;}
.smallvd li a {color: #666666; text-decoration: none;}
.smallvd li a:hover{color: #005bac;}

.smallvdpage{width: 90%; height: 20px; position: relative; margin: 0 25px;}
.smallvdpage ul li{ width: 16.5%; height: 27px; float: left;}
.smallvdpage ul li .num{display: block; width: 15%; height: 15px;text-decoration: none; font-size: 16px; vertical-align: sub; color: #005bac; margin: 0 5px; text-align: center;}
.smallvdpage ul li .num:hover{background-color: #005bac; color: #fff;}

/*----qa頁----*/
.wrapq{width: 96%;  height: 100%;  margin: 25px auto 5px auto; }
.q1{width: 100%; height: auto;margin-bottom: 10px;background-image:url(../images/qa/qbg.jpg); background-repeat:repeat; padding-top:10px;}
.q2{width: 100%; height: auto;margin-bottom: 10px;}
.qt{width: 100%; height: 45px;}
.qicon{float: left; width:15% ;  float: left;}
.qtxt{width: 80%; float: left;color: #005bac; font-size: 16px; position: relative; float: left; line-height: 32px; font-style: italic; padding-top: 5px; text-align: justify;}
.qarrow{position: relative; margin-left: 25%; float: left;}
.answer{width: 70%; height: auto; background:#75cfa8 ;  clear: both;  line-height: 18px; color:#ffffff; margin-left: 15%; padding: 20px 5px 15px 10px;}
.answer2{width: 70%; height: auto; background: #ffe486; p left; clear: both;  line-height: 18px; color:#000000; margin-left: 15%; padding: 20px 5px 15px 10px;}
.long{width: 65%; height: auto; background:#e9f5cc ; clear: both;  line-height: 18px; color:#666666; margin-left: 15%; padding: 20px 5px 15px 10px;}
.anicon{position: relative;  float: left;width:15% ;}
.m_gotop{width: 30px;  height: 30px; display: block; cursor: pointer; z-index: 1000; margin:0 auto;}

.footerqa{top: 40px;}
.bigq{
	font-size:28px;
	font-weight:bold;
	letter-spacing:0.3em;}
.qask{
	display:block;
	width:133px;
	height:38px;
	cursor:pointer;
	margin-bottom:20px;
	}
/*--------recommand頁--------*/
#renav_menu_container{width: 95%; position: relative; margin: 0 auto; clear: both; }
.remenu_logo{
	cursor: pointer;
	width: 100%; 
	height: 35px; 
	line-height:35px;
	background: #f26e40; 
	color: white; 
	font-size: 16px; 
	text-indent: 5pt;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: url(../images/recommand/nav_down.png);
	background-position: right center; 
	background-repeat: no-repeat;

}
.remenu_show{width: 100%; height: 220px; position: absolute; display: none; z-index:9999;}
.remenu_show ul{
	width: 100%;
	z-index: 100;
	position: absolute;
	box-shadow: 0 1px 1px 1px rgba(0,1,0,0.10);
	margin-top:5px; 
}
.remenu_show ul li{
	width: 100%; height: 35px; line-height:35px; color: #f26e40; text-indent: 5pt;
	float: left; z-index: 1000;font-size: 16px;
	cursor: pointer;
}
.remenu_show ul li a{
	text-decoration: none; color: #f26e40; 
}

.remenu_show .reshow1{background: #f2f2f2; }
.remenu_show .reshow1a{
	background: #f2f2f2;
 }
.remenu_show .reshow2{background: #fff; }
.remenu_show .reshow2a{
	background: #fff; 
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.recla{display: block; width: 90%; height: 27px; background: url(../images/news/cla.jpg) no-repeat; text-indent: 3em; font-size: 12px; text-decoration: none; margin-top: 10px;color:#999999; }
.remain{width: 96%;  margin: 20px auto;   }
.releft{
	width:290px;
	height:190px;
	background: #fff;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	z-index: 99;
	margin:0 auto;
}
.releft img{margin:5px; width: 280px; height:180px;}
.reright {width: 96%; z-index: 999;}
.retitle a{display:block;color: #f26e40; text-decoration:none;}
.retitle{width: 95%; font-size: 20px; line-height: 24px; color: #f26e40; margin-left:10px; margin-top: 20px; }
.retxt{color: #666666; margin-left:10px; font-size: 13px; line-height: 26px;}
.reright .morebtn{display: block; width: 70px; height: 22px;  background: url(../images/recommand/more.png); margin:10px 0 0 10px;}
.reright .morebtn:hover{
	background-position: bottom; 
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
}
.remain_btm{width: 96%; position: relative; margin: 5px auto; }
.remain_btm .repost1{background: url(../images/recommand/repost.png);padding:20px; position:relative;}
.remain_btm .repost2{background:#fff;;padding:20px;position:relative;}
.repic{width: 120px; float: left; margin-right:15px; margin-bottom:15px;}
.repic img{width: 100%;}
.remain_btm .repost1 h2 a ,.remain_btm .repost2 h2 a { font-size: 15px; color: #f26e40;display:block; text-decoration:none;}
.remain_btm .repost1 h2 a:hover ,.remain_btm .repost2 h2 a:hover { color:#333;}
.remain_btm .repost1 .reclam, .remain_btm .repost2 .reclam{
	background: url(../images/recommand/clam.png) no-repeat;
	text-indent:2em;
	display: block;
	height: 16px;  
	font-size: 12px; 
	text-decoration: none; 
	margin: 5px 0 5px 0; 
	color:#999999;
	clear:left;
}

.renote{display:block;color:#999999; font-size: 13px; line-height: 20px;  }
.relink{
	display: block; width: 33px; height: 33px; background: url(../images/recommand/link.jpg)0 0;
	position: absolute; bottom:0px; right: 0px; 
}
.repage{width: 200px;margin: 20px auto; }
.repage ul li{ width: 16.5%; height: 27px; float: left;}
.repage ul li .num{display: block; width: 15%; height: 15px;text-decoration: none; font-size: 12px; vertical-align: sub; color: #f26e40; margin: 0 5px; text-align: center;}
.repage ul li .num:hover{background-color: #f26e40; color: #fff;}

/*----------dr頁-----------*/
.drmain{width: 98%; height: 218px; position: relative; margin: 0 auto;  }
.drleft{
	width: 290px; height:190px; ; background: #fff;
	position: relative; 
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	box-shadow: 0 1px 5px rgba(0,0,0,0.5); margin: 5% auto 0;
	z-index: 99;
	/*top: 5%; */
}
.drleft img{margin:5px; width:280px; height: 180px; overflow: hidden;}
.drright {width: 96%; position: relative; float: left; z-index: 999; margin-bottom:50px;}
.drtitle{width: 95%; font-size: 20px; line-height: 24px; color: #005bac; margin-left:10px; margin-top: 20px; }
.drtitle a{ color:#005BAC; text-decoration:none;}
.drtitle a:hover{ color:#333;}
.drtxt{width: 90%; color: #666666; margin-left:10px; font-size: 13px; line-height: 26px;}
.drright .morebtn{display: block ;width: 70px; height: 22px; position: relative; background: url(../images/dr/more.png); margin:10px 0 0 10px;}
.drright .morebtn:hover{
	background-position: bottom; 
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
}
.dricon{display: block; width: 100%; height: 27px; background: url(../images/dr/dricon1.png) no-repeat; text-indent: 3em; font-size: 12px; text-decoration: none; margin-top: 5px; color:#999999; }

.drmain_btm{width: 96%; height: 730px; position: relative; margin: 5px auto; }
.drmain_btm .drpost1{ position:relative; float:left;margin-bottom:20px;}
.drpic{width: 120px;  margin:0 10px 10px 0; float: left; position: relative;}
.drpic img{width: 100%;}
.drmain_btm .drpost1 h2 a{ width: 90%;font-size: 15px; color: #005bac; text-decoration:none; }
.drmain_btm .drpost1 .drclam{
	background: url(../images/dr/cla.png) no-repeat;
	display: block;  
	font-size: 12px;
	text-indent:2em;  
	margin-top: 5px; 
	color:#999999; 
	clear:left;
}
.drmain_btm .drpost1 .drname{
	background: url(../images/dr/dricon.png) no-repeat;
	background-position:0 -3px;
	display: block;   
	font-size: 12px; 
	text-indent:2em;
    margin-top: 10px;
	color:#999999; 
}
.drnote{color:#999999; font-size: 13px; margin:20px 10px 25px 0;line-height: 20px; display:block;}
.drlink{
	display: block; width: 33px; height: 33px; background: url(../images/dr/golink.png)0 0;
	position: absolute; bottom:15px; right: 0px; 
}
.listdotm{width: 100%;} .listdotm img,.btmlistdotm img{width: 100%;}
.btmlistdotm{width: 100%; padding-top: 25px; bottom: 20px;}

.drpage{width: 200px; height: 20px; margin: 0 auto; }
.drpage ul li{ width: 16.5%; height: 27px; float: left;}
.drpage ul li .num{display: block; width: 15%; height: 15px;text-decoration: none; font-size: 12px; vertical-align: sub; color: #005bac; margin: 0 5px; text-align: center;}
.drpage ul li .num:hover{background-color: #005bac; color: #fff;}


/*-----dr_in內頁-----*/
.drin_wrap{width: 100%;height:auto; position: relative;  margin: 25px 0;}
.drin_bg{ width:25%; height: 188px;position: relative; float: left;}
.drin_content{width: 94%; position: relative; height: auto;  margin: 0 auto; }
.drin_article{width: 100%; margin-bottom:30px;}
.drin_pic{width: 100%;  margin:10px 0; border:1px solid #0052a7;}
.drin_pic img{width: 100%;}
.drin_post{ position: relative; background-color:#fff; float: left; margin-bottom: 25px; }
.post_title{font-size: 22px; color: #0052a7; margin: 10px 0 20px 0; }
.post_cla{display: block; width: 100%; height: 27px; background: url(../images/dr/cla.png) no-repeat; background-position:2px 0;text-indent: 2em; font-size: 15px; text-decoration: none; margin: 10px 0;color:#999999;  }
.post_txt{font-size: 13px; color: #666666; line-height: 30px;  }
.post_tt{color: #0052a7;font-size: 15px;line-height: 30px; margin-left: 2%;}
.drin_icon{display: block; height: 27px; background: url(../images/dr/dricon.png) no-repeat; background-position:0 -2px;text-indent: 2.5em; font-size: 12px; text-decoration: none; margin-top: 10px;  color:#999999; }
.post_menu_m{}
.post_menu_m .post_back{width: 26%;float: left; margin-left: 2%;}
.post_menu_m .post_listm{width: 43%;float: left;}
.post_menu_m .post_next{width: 26%;float: left;}
.post_menu_m ul li a img{ width: 100%;}

.articon{
	height:20px; 
	background-image: url(../images/drin/articon.png);
	background-repeat:no-repeat;
	background-position:0 0; 
	margin-top: 10px;
	line-height:20px;
	color: #0052a7; 
	font-size: 16px; 
	text-indent: 2em;
}
.artlink{
	
	margin: 15px auto;
	display: block;
	text-decoration: none;
	color: #0052a7;
	font-size: 13px;
}



/*-------about頁--------*/
.about_wrap{width: 100%; height: 100%; margin-top: 30px; position: relative;}
.m_about img{width:100%; position: relative; margin: 0; }

/*-----questionnaire------*/
.q_wrap{width: 100%; position: relative; margin: 0 auto; margin-top: 30px; }
.q_top{position: relative; width: 96%; left: 2%;}
.q_btm{width: 100%; height: 280px; background:url(../images/qn/q_btmbg.gif); }
.q_left{width:31%; position: relative; float: left;}
.q_left img{width: 100%;}
.qn_title img{width: 60%;}
.q_right{width:100%; position: relative;  float: left;}
.qn_picm{margin-left: 2%;}
.qn_picm img{width: 96%; }
.q_descibe{width: 95%; line-height: 22px; color:#333; margin: 0 auto;}
.q_question{width: 95%; line-height: 22px; color:#f05a00; font-size: 20px; margin-top: 20px; margin-left: 5%;}
.q_right form{margin-top: 10px;}
.q_right form input{margin-left: 15px;}
.q_btn{width: 115px; height: 36px; position: relative; display: block; float: left; margin-top: 20px; left:7%;}
.q_btn2{width: 115px; height: 36px; position: relative; display: block; float: left; margin-top: 20px; left:3%; }

/*-----questionnaire_in------*/
.qin_btm{width: 100%; height: 820px; background:url(../images/qn/q_btmbg.gif)repeat; }
.q_right ul{width: 95%; margin-top: 15px; margin-left: 2%;}
.q_right ul li{position: relative; margin: 15px 0 ;}
.keyin{width: 100px; font-size: 15px; float: left; line-height: 30px; font-weight: bold;}
.q_right ul li input{width: 255px; height: 30px;}
.ckagree{float: left; position: relative;}
.cknote{position: relative; margin-top: 10px;width: 95%; margin-left: 2%;}

/*----search頁----*/
.wrap_sh{width: 96%;  height: auto; position: relative; margin: 25px auto 50px auto;  padding-left: 8px;}
.pro_sh,.video_sh, .other_sh{width: 100%; height: auto; border-bottom: 1px dashed #dbdbdb; overflow: hidden; margin-bottom: 25px;}
.sh_name{font-size: 15px;}
.pro_sh ul li a{width: 170px; height: 210px; float: left; padding:5px 15px 25px 7px; text-decoration: none; margin-left: 18%;}
.pro_sh ul li a .protxt{
	width:150px;
	height:44px;
	overflow:hidden;
	font-size:13px;
	color:#666666;
	line-height:24px;
	margin-top:0px;
	margin-left: 10px;
	margin-bottom:10px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 16pt;
}
.pro_sh ul li a img{float: left; width: 100%;}
.pro_sh li img{float: left; width: 100%;}
.video_sh li {width: 100%;  position: relative;  margin-bottom: 20px;float: left; margin-right: 20px; margin-top: 10px; margin-left: 0%;}
.video_sh li img{float: left; width: 100%;}
.video_sh li a .vdtxt{width: 45%; float: left; margin-left: 10px; float: left;}
.video_sh li a {color: #666666; text-decoration: none;}
.video_sh li a:hover{color: #005bac;}
.other_sh ul{font-size: 12px; color: #999; margin-top: 20px; }
.other_sh ul li{ line-height: 30px;}
.other_sh ul li a{font-size: 16px;color: #005bac; text-decoration: none;}
.shtop{top: 100%;}
.m_shtop{width: 30px;  height: 30px; display: block; cursor: pointer; z-index: 1000;margin-left: 45%; margin-top: 5px;}
.m_shtop img{width: 100%; }


/*none系列*/
.submenu_in,.submenu,.linkbtn_m,.slideshow-p,.dr_pg1,.gotop,.q_left,.btm_wrap,.top_wrap,.artdot,.post_menu,.post_list,.btmdot,.drlistdot,.drbtmdot,.vddown,.vdtop,.btmlist{display: none;}

/*首頁影音*/


/* Circular Content Carousel Style */
.ca-container{
	display:none;
}