body{ font-size:12px; font-family:"微軟正黑體","microsoft yahei", Arial, Helvetica, sans-serif; color:#333; }
a{ color:#333;}

.content{ width:100%;  }
.content_in{width:100%; position:relative;}

* { 
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

/*select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 9px;
    text-overflow: '';
	
}*/


#top-control {width:58px; height:58px; position: fixed; right:0; bottom: -100px; right: 20px; z-index: 2; }
#gotop {width:46px; height:46px; display:block;  position: absolute; top:5px; z-index:5555; background: url(../../img/44.png) no-repeat 0px 0px;}
#gotop:hover{background: url(../../img/46-1.png) no-repeat 0px 0px; }
/**/
.rand01{ display:block; width:990px; height:176px; position:relative;}
.rand02{ display:none; width:990px; height:207px; position:relative;}
.rand02.rand0_active{ display:block;}
.rand01.rand0_active2{ display:none;}
.rand_001.rand_001active{color:#A8A8A8;}
.rand_002{ color:#A8A8A8; transition:.5s;}
.rand_002.rand_002active{color:#333; transition:.3s;}
.bran_load{ position:absolute; left:0; top:0; z-index:1; width:100%; height:207px; background:#FFF;


}

.bran_load img{
	width:60px; height:60px; margin:5% auto;
	
	 -webkit-animation: branload 1s infinite linear;
		-moz-animation: branload 1s infinite linear;
		-o-animation: branload 1s infinite linear;
		animation: branload 1s infinite linear;}

@-webkit-keyframes branload {
		from {
			-webkit-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
		}
	}
	@-moz-keyframes branload {
		from {
			-moz-transform: rotate(0deg);
		}
		to {
			-moz-transform: rotate(360deg);
		}
	}
	@-o-keyframes branload {
		from {
			-o-transform: rotate(0deg);
		}
		to {
			-o-transform: rotate(360deg);
		}
	}
	@keyframes branload {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}



/**/

.member_box{ position:relative;}
.member_box01{ width:200px; height:156px; position:absolute; left:0; top:0; background:#FFF;   box-shadow: 3px 3px 5px -2px rgba(110, 110, 110, 0.5); z-index:-10; /*border:#F2F2F2 solid 1px; */  border: #AAAAAA solid 2px;   border-radius: 5px; filter:alpha(opacity=0);
opacity:0;}
.member_box01 li{ padding:10px 10px ; position:relative; font-size:12px;}
.member_close{ position:absolute;    top: 118px;   left: 164px;   padding: 14px; transition:.5s; width:68px; height:68px; display:block; }

.member_close img{ width:100%;}

.big{ font-size:15px; font-weight:bolder;}
.member_box02 a{ margin-right:15px; display:block; float:left; background: url(../../img/03.jpg) no-repeat left 7px; padding-left:8px; margin-bottom:10px; font-weight:bolder;}

.member_box02 a:hover{  color: #B31515;}
.member_close:hover{ transition:.3s;  transform:scale(1.5); }
.member_box01.member_openshow{ z-index:5; filter:alpha(opacity=100); opacity:1;  }

/*top*/
.adorn_top{ width:100%; height:6px; background:#C3DBE5; }
.fast_menu{ width:100%; background:#F1F1F5;}
.fast_menu1274{ width:990px; margin:0 auto;  }
.fast_menu1274 ul { float:right; display:block;}
.fast_menu1274>ul>li{ float:left; background:url(../../img/03.jpg) no-repeat left 17px; padding-left:5px; padding:2% 10px;}
.fast_menu1274>ul>li:hover >a{ color:#879DA6;}

.top_box{ width:100%;}
.top_1274{ width:990px; margin:0 auto; padding:20px 0;}
.logo{ display:block; float:left;}
.menu_box{ float:right; margin-top:5px;}
.menu_box ul li{ float:left; transition:.5s; }
.menu_box ul li a{ font-size:12px; padding: 0 18px;   border-left: #999999 solid 1px; display:block; transition:.5s;}
.menu_box ul li:hover{ border-bottom:#CCC solid 2px;  transition:.3s; padding-bottom:10px;}
.menu_box ul li:last-child a{ padding-right:0;}


.chang_box{ width:100%;}
.chang_box img{ width:100%;}


.center_box {width:100%; background:url(../../img/left05.png) no-repeat left top;}
.center_box2{ width:100%; background:url(../../img/right04.png) no-repeat right top; display:block;}
.center_box3{ width:100%; background: url(../../img/right05.png) no-repeat right bottom;  display:block;}

.center_box1274{ width:865px; margin:0 auto;}
.ad_title{ width:295px; margin: 12px auto;}
.ad_title01{ width:295px; height:32px; display:block; border-bottom:#A2A2A2 solid 2px;  padding-bottom:5px; position:relative; overflow:hidden; }
.ad_title01 h3{ display:block; width:295px; height:22px; position:absolute;  left:0; text-align:center; font-size:14px; font-weight:bolder; color:#646464;
animation: titleshow .5s;
-moz-animation: titleshow .5s;	/* Firefox */
-webkit-animation: ititleshow .5s;	/* Safari 和 Chrome */
-o-animation: titleshow .5s;	/* Opera */
}

@-webkit-keyframes titleshow {
	from {
		bottom:-100%;
	}
	to {
		bottom:0;
	}
}
@-moz-keyframes titleshow {
	from {
		bottom:-100%;
	}
	to {
		bottom:0;
	}
}
@-o-keyframes titleshow {
	from {
		bottom:-100%;
	}
	to {
		bottom:0;
	}

}
@keyframes titleshow {
	from {
		bottom:-100%;
	}
	to {
		bottom:0;
	}
}

.ad_title02{ width:295px; display:block; text-align:center; font-size:14px; padding-top:5px; color:#525252;}

.ad_load{ position:absolute; top:0; left:0; width:100%; height:350px; z-index:5; background:#FFF;}
.ad_box{ width:265px; height:362px; margin-right:22px; float:left;  position:relative;}
.ad_box:last-child{ margin-right:0;}
.ad_img{ width:265px; height:101px; overflow:hidden;}
.ad_img img{ width:100%;}
.ad_box h3{ width:100%; overflow:hidden; padding:23px 0 15px 0; text-align:center; font-weight: bolder; font-size:12px; color:#4D4D4D;}
.ad_box span{ display:block; width:100%;   height: 100px; font-size:12px; line-height:22px; color:#4B4B4B;}
.ad_box a{ display:block; width:122px; height:39px; text-align:center; color:#FFF; background:#99B3BB; margin:25px auto; font-size:15px; border-radius: 10px; line-height:38px; transition:1s;}
.ad_box a:hover{border-radius: 20px; transition:.5s; background:#BFD7DF;}

.brand{ width:100%; background:#F4F4F4; }
.brand1274{ width:990px; margin:0 auto; padding-top:10px;  margin-bottom:16px;}
.brandbox{ width:990px; margin:37px auto 0 auto;}



.map{ width:100%; margin-bottom:14px;}
.footer{ width:990px; margin:0 auto; margin-bottom:5px;}
.footer_logo{ display:block; float:left; margin-right:34px;}
.footer_text{ float:left; width:400px;}
.footer_text span{ display:block; clear:both;}
.footer_text span a{ display:block; margin-right:10px; float:left; font-size:12px; margin-bottom:4px;}

.calculate{ width:200px; height:41px; float:right; color:#666666; font-size:12px; font-weight:bolder; position:relative;}
.calculate01{ width:200px; height:41px; position:absolute; top:0; left:0; z-index:10;}
.footer_box{ width:100%; background:#919191;}
.footer_1274{ width:990px; margin:5px  auto; color:#FFF;}

.loading {
		
		height: 60px;
		width: 60px;
		 margin:10% auto;
		-webkit-animation: loading 1s infinite linear;
		-moz-animation: loading 1s infinite linear;
		-o-animation: loading 1s infinite linear;
		animation: loading 1s infinite linear;
	}
	@-webkit-keyframes loading {
		from {
			-webkit-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
		}
	}
	@-moz-keyframes loading {
		from {
			-moz-transform: rotate(0deg);
		}
		to {
			-moz-transform: rotate(360deg);
		}
	}
	@-o-keyframes loading {
		from {
			-o-transform: rotate(0deg);
		}
		to {
			-o-transform: rotate(360deg);
		}
	}
	@keyframes loading {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}


/*top*/
.language{ position:relative; width:74px; height:31px;}
.language_box{ position:absolute; bottom:33px; left:0; width:68px; filter:alpha(opacity=0); opacity:0;}
.fast_menu1274 ul li .language_box li:hover{  background: #BFD7DF;}
.fast_menu1274 ul li .language_box li{ width:100%; background:none;   background: rgba(195, 219, 229, 0.89); padding:5px 5px; border-bottom:#FFF solid 1px; }
.language_box.language_boxactive{  bottom:-57px; filter:alpha(opacity=1); opacity:1;}

/*會員登入*/
.content{transition:1s;}
.blur{ filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
	
	transition:.5s;
}
.sign_in{ width:100%; height:100%; z-index:-10; position:absolute; top:-300%; left:0; background:rgba(160, 160, 160, 0.51); filter:alpha(opacity=0);

opacity:0; transition:.3s;}

.sign_in.sign_inactive{filter:alpha(opacity=100);

opacity:1; z-index:999;  top:0;  transition:.2s;}



.sign_in00{ width:990px;  border:#AAAAAA solid 5px; margin:275px auto; background:#FFF; border-radius: 5px; box-shadow:4px 4px 3px rgba(102, 102, 102, 0.5); position:relative;   padding: 33px 33px 8px 33px; }
.close_sign,.close_sign2{ position:absolute; right:-34px; top:-31px; width:61px; height:61px; display:block;  transition:.5s;}
.close_sign:hover,.close_sign2:hover{  transform:scale(1.2); transition:.3s;}
.sign_left{ float:left; width:45%; }
.sign_left h3,.privacy h3{ display:block; padding-bottom:10px; border-bottom:#979797 solid 1px; width:100%; font-size:12px; font-weight:bolder; margin-bottom:22px;}
.sign_ipyt{ width:100%; margin:22px 0;}
.sign_ipyt p{ float:left; display:block; font-size:12px; font-weight:bolder; line-height:36px;}
.sign_ipyt input{ float:left; margin-left:34px; padding:9px 5px; width:299px; }

.sign_ipyt2{ width:100%; margin:22px 0;}
.sign_ipyt2 p{ float:left; display:block; font-size:12px; font-weight:bolder; line-height:36px;}
.sign_ipyt2 input{ float:left; margin-left:20px; padding:9px 1px; width:131px; }
.sign_ipyt2 img{ float:left; display:block; margin-left:13px; }

.sign_bu{ width:144px; height:45px; background: url(../../img/18.jpg) no-repeat; margin:30px auto; display:block; border:0; cursor:pointer;}

.sign_right{ float:right; width:45%; }
.sign_right h3{ display:block; padding-bottom:10px; border-bottom:#979797 solid 1px; width:100%; font-size:14px; font-weight:bolder; margin-bottom:22px;}
.sign_right01 ul li{ background:url(../../img/19.jpg) no-repeat left 5px; padding-left:18px; margin-bottom:10px; float:left; margin-right:41px;}
.sign_right01 ul li a{ font-size:12px;}

.sign_right01{ width:332px; height:120px;}
.sign01{ width:83px;}


.center_boxin{ width:100%; }
.center_in1274{ width:990px; margin:0 auto ; padding-bottom:11%;}
.join_left{ width:45%; float:left;}
.join_left h3{   font-size: 18px; margin:26px 0;}
.join_box,.join_box2{ clear:both; margin-bottom:20px;}
.join_box p,.join_box2 p,.join_box5 p{ font-size:12px; margin-bottom:5px; font-weight:bolder;}
.join_box input{ border:#A1A1A1 solid 1px; width:100%; height:39px; padding:0 5px;}
.join_box span,.join_box2 span,.join_box3 span,.join_box5 span{ color:#FF3B3B;}



.join_box input{ color:#333; font-size:12px;}
.join_box2 input{ margin:10px 10px; }
.join_box2 { font-size:14px; font-weight:bolder;}
.height_in{ height:39px; margin-bottom:5px; padding-left:5px;}

.join_right{ width:45%; float:right; padding-top:79px;}
.join_box3{ font-size:12px; font-weight:bolder; margin:10px;}
.join_box4{ font-size:14px; font-weight:bolder; color:#4A4A4A;}
.join_box4 a{ color:#FF6B6B;}
.join_box5 {clear:both; margin-bottom:20px;}
.join_box5 input{ border:#A1A1A1 solid 1px; width:45%; height:39px; padding:0 5px; float:left;}
.join_box5 img{  float:left; margin-left:5%; margin-top:7px;}

.join_ok{ width:100%; height:40px; text-align:center; line-height:25px; font-size:14px; color:#FFF; background:#335C6E; border:0; margin-top:14px; font-weight:bolder; transition:.5s; cursor:pointer;}

.join_ok:hover,.seach04:hover{ border-radius: 20px; transition:.3s; background:#4F6D7B; }

.privacy h2{   font-size: 16px; margin:26px 0; color:#266B81; font-weight:bolder;}

.privacy p { font-size:12px; line-height:25px;}
.hr_noboder{ margin-bottom:26px;}
.center_boxin.privacy{ background:#E5E5E5;}
.center_boxin.join_bg{ background:#ECECEC;}

/**/
.footer2{ padding-top:18px;   background: #F4F4F4; width:100%;}
.load_in{ position:absolute; left:0; top:0; width:100%; height:100%; background:#FFF; z-index:999;}

.load_in_box {
		
		height: 60px;
		width: 60px;
		 margin:20% auto;
		-webkit-animation: loadin 1s infinite linear;
		-moz-animation: loadin 1s infinite linear;
		-o-animation: loadin 1s infinite linear;
		animation: loadin 1s infinite linear;
	}
	@-webkit-keyframes loadin {
		from {
			-webkit-transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
		}
	}
	@-moz-keyframes loadin {
		from {
			-moz-transform: rotate(0deg);
		}
		to {
			-moz-transform: rotate(360deg);
		}
	}
	@-o-keyframes loadin {
		from {
			-o-transform: rotate(0deg);
		}
		to {
			-o-transform: rotate(360deg);
		}
	}
	@keyframes loadin {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
	
/**/
.chang_boxin{ width:100%; position:relative; overflow:hidden;}
.chang_boxintext{ font-size:18px; right:10%; top:30px; position:absolute; color: #676767; 
		
		
		
		-webkit-animation: animate02 1s ;
		-moz-animation: animate02 1s ;
		-o-animation: animate02 1s ;
		animation: animate02 1s ;
	}
	@-webkit-keyframes animate02 {
		from {
			right:-300%;
		}
		to {
			right:10%;
		}
	}
	@-moz-keyframes animate02 {
		from {
			right:-300%;
		}
		to {
			right:10%;
		}
	}
	@-o-keyframes animate02 {
		from {
			right:-300%;
		}
		to {
			right:10%;
		}
	}
	@keyframes animate02 {
		from {
			right:-300%;
		}
		to {
			right:10%;
		}
	}
	
.chang_boxintext2{ font-size:18px; right:5%;  top:60px; position:absolute; color: #676767;

		-webkit-animation: animate03 1s ;
		-moz-animation: animate03 1s ;
		-o-animation: animate03 1s ;
		animation: animate03 1s ;
	}
	@-webkit-keyframes animate03 {
		from {
			top:-300%;
		}
		to {
			top:60px;
		}
	}
	@-moz-keyframes animate03 {
		from {
			top:-300%;
		}
		to {
			 top:60px;
		}
	}
	@-o-keyframes animate03 {
		from {
			top:-300%;
		}
		to {
			 top:60px;
		}
	}
	@keyframes animate03 {
	from {
			top:-300%;
		}
		to {
			top:60px;
		}
	}
	
	
	
	
.chang_boxin img{ width:100%; }
.location{ width:100%; margin:20px 0;   }
.location a:hover{ color: #879DA6;}
.list_box{ width:100%; }
.list_box a{ width:163px; float:left; margin-right:19px; display:block; font-size:12px; border:#E9E9E9 solid 1px; text-align:center; padding:9px 0; border-radius: 5px;   box-shadow: 1px 1px 7px -2px rgba(89, 89, 89, 0.5); font-weight:bolder; transition:1s; color:#666;}
.list_box a.this_list{ background:#98B2BB; color:#FFF;}
.list_box a:hover{ background:#98B2BB; color:#FFF; border-radius: 10px; transition:.2s; }

.smd_box{ width:100%; margin-top:20px;  }
.smd01{ width:329px; float:left; background: url(../../img/30.png) no-repeat 0 top; padding:24px 27px; border-right:#FFF solid 2px; height:414px; margin-bottom:3%;}
.smd01 h3{ font-size:14px; color:#686868;  margin-bottom:15px;}
.smd_text{ font-size:12px; line-height:24px;}
.smd_img{ width:140px; margin:30px auto; transition:.5s; display:block;}
.smd_img.smd333{ margin-top:55px;}
.smd_img img{ width:100%;}
.smd_text.green_blue{ color:#2498A7; font-weight:bolder;   }
.smd_text.green_blue img{ display: -webkit-inline-box;}
.smd01.smd02{ background:none; background:url(../../img/31.png) no-repeat;  
}
.smd002_po {  transform-origin:0; transform:skewY(3deg);}
.smd003_po{ transform-origin:0; transform:skewY(-3deg);} 
.smd01.smd03{    height: 415px;  background:none; background:url(../../img/32.png) -79px 0px; padding-top:51px; border:0; }

.green{ color:#6BAE4D; }
.blue{ color:#069;}
.green_blue{ color: #2498A7;}
.smd_text>a:hover{ color:#903; }
.smd_text>a{font-weight:bolder; margin-left:5px;}
.smd_img:hover{ transition:.3s; transform:scale(1.2);}

.smd_textbig h2{ font-size:14px; font-weight:bolder; color:#686868; margin-bottom:20px;}
.smd_textbig2{ display:block;}
.smd_textbig2 li{ font-size:13px; line-height:25px; margin-bottom:10px; background:url(../../img/33.jpg) 0px 8px no-repeat; padding-left:20px;}
.red{ color:#B31515;}
.yellow{ color:#BE7D00;}
.again{ width:106px; height:35px; padding:5px 0; text-align:center; margin:20px 0; color:#FFF; background:#467381; border-radius: 5px; transition:.5s; border:0;  cursor:pointer;}
.again:hover{border-radius:10px; transition:.3s; background:#6399A9;}
.smd_textbig2 li a:hover{color:#B31515;}
.orange{ color:#FF6600;}
.smd_textbig3{ display:block; margin-bottom:50px; width:411px; float:left;}
.smd_textbig3 a{text-decoration:underline;}
.smd_textbig3>li{ font-size:12px; line-height:25px; margin-bottom:10px; background:url(../../img/33.jpg) 0px 8px no-repeat; padding-left:20px; clear:both;}
.smd_textbig3>li>a:hover{color:#B31515;}
/*.smd_textbig3>li ul li h3{ margin:2% 0; font-size:14px; color:#33766A; }*/
/*.smd_textbig3>li>ul>li{ float:left;}*/
.smd_textbig3>li ul li img{ border:#CCC solid 1px;}
.smd_imgshow{ float:left; margin-left:100px; display:none; }
.smd_imgshow.activesmd_imgsho{ display:block;}
.smd_imgshow h3{  margin:2% 0; font-size:14px; color:#33766A; }
.smd_imgshow img{border:#CCC solid 1px;}



.animate_box{ float:left; width:96px; height:75px; position:relative; float:left; margin-right:30px; margin-top:35px; transition:.5s; margin-bottom:50px;

-webkit-animation: animate01 1s infinite linear ;
		-moz-animation: animate01 1s infinite linear ;
		-o-animation: animate01 1s infinite linear;
		animation: animate01 1s infinite linear;

}

@-webkit-keyframes animate01 {
			
		0%   {-webkit-transform: rotate(0deg);}
		25%  {-webkit-transform: rotate(10deg);}
		50%  {-webkit-transform: rotate(20deg);}
		75%  {-webkit-transform: rotate(10deg);}
		100% {-webkit-transform: rotate(0deg);}
		
	}
	@-moz-keyframes animate01 {
		
		0%   {-moz-transform: rotate(0deg);}
		25%  {-moz-transform: rotate(10deg);}
		50%  {-moz-transform: rotate(20deg);}
		75%  {-moz-transform: rotate(10deg);}
		100% {-moz-transform: rotate(0deg);}
		
	}
	@-o-keyframes animate01 {
			
		0%   {o-transform: rotate(0deg);}
		25%  {o-transform: rotate(10deg);}
		50%  {o-transform: rotate(20deg);}
		75%  {o-transform: rotate(10deg);}
		100% {o-transform:rotate(0deg);}
	}
	@keyframes animate01 {
				
		0%   {transform: rotate(0deg);}
		25%  {transform: rotate(10deg);}
		50%  {transform: rotate(20deg);}
		70%  {transform: rotate(10deg);}
		100% {transform: rotate(0deg);}
	}
	
	
.money_box { float:left; margin:20px 50px 20px 0;  width:490px; }
.money_box img{ margin-top:145px;}
.money_box h3{ width:343px; height:63px; background:url(../../img/34.jpg) no-repeat 0px 0px;
  padding: 16px 0 0 85px; color:#777777; font-size:14px; font-weight:bolder; display:block;}
.money_text{ margin:10px 0  10px 20px; font-size:14px; font-weight:bolder; color:#505050; display:block;}

.money_box02{   margin: 20px 0 0 19px; width:100%;}
.money_box03{ width:100%; border-bottom:#FFF solid 1px;  background: #E0E0E0;}
.money01{ width:30%; padding:8px; background:#E0E0E0;  border-right:#FFF solid 1px;  display:block; float:left;}
.money02{ width:70%; padding:8px;  color:#FFF; display:block; float:left;  background:#A91224; }


.money_box h3.money_h3{ background:none; background:url(../../img/35.jpg) no-repeat 0px 0px;}

.smd_seach00{ width:990px; clear:both;  margin:10px auto;}
.smd_seach{ width:694px; height:493px; float:left; margin-bottom:0px; background:url(../../img/37.png) no-repeat 0px 0px; padding: 49px 0 0 134px; }
.smd_seach2{ width:382px; float:left;  margin-left:30px;}
.smd_seach h3,.smd_seachh3{   font-size: 18px; padding-left:71px; background:url(../../img/38.jpg) no-repeat 0px 0px; display:block; width:100%; height:67px; padding-top:15px; margin-bottom:25px;}


.smd_seach01{ width:100%; margin-bottom:22px;}
.seach01{ width:67px; float:left; display:block; font-size:14px; margin-right:20px; margin-top:6px; }
.seach02{ width:344px; float:left; display:block; height:38px; padding: 9px 5px;}
.seach03{ width:190px; float:left;display:block; height:38px;}
.smd_seach01 img{ float:left; margin-left:35px;}
.seach04{ width:100%; color:#FFF; border:0; background:#246F7B; padding:12px 0; font-size:12px; transition:.5s;   cursor: pointer; margin:10px 0;}

.smd_seach2 .sign_right{ width:100%; clear:both; padding-top:103px;}
.smd_seach01 .height_in{ width:344px; height:38px;}

.smd_t01,.smd_t02,.smd_t03,.smd_t04,.smd_t05{ float:left; display:block; padding:5px;  word-wrap: break-word; 
word-break: normal; }
.smd_t01{  width:5%; text-align:center; margin-right:2%;}
.smd_t02,.smd_t03,.smd_t04{  width:15%;  text-align:center; margin-right:2%;}
.smd_t05{  width:40%;}


.right_smd{ float:right; margin-bottom:5px; }
.right_smd00{ width:39px; height:40px; float:left; display:block; margin-right:5px;}
.right_smd01{width:39px; height:40px; float:left; display:block;}
.smd001 h3{color:#216873; font-size:14px; font-weight:bolder; float:left; margin-top:11px;}
.smdp{ font-size:13px; color:#333; float:left; margin-left:10px; margin-top:13px;}
/*選擇*/
.smd_choose{ width:152px; height:235px; float:left; margin-right:5px; margin-bottom:20px; transition:.5s;}
.smd_choose.active_ch{ width:100%; float:none;  clear:both; margin-right:0; margin-bottom:0px; height:auto; transition:.3s;}
.smd_chimg.active_ch{ display:none; transition:.3s;}
.smd_input.active_ch{ float:left;  margin:10px 5px 10px 0px; transition:.3s;}
.smd_inputtext.active_ch{ float:left;   margin: 13px 0px; transition:.3s;}
.right00_1.active_ch{ display: block; transition:.3s;}
.right01_1.active_ch{ display: block; transition:.3s;}
.right00.active_ch{ display: none; transition:.3s;}
.right01.active_ch{ display: none; transition:.3s;}

.smd_chimg{ width:130px; height:130px; overflow:hidden; border:#D0D0D0 solid 1px; margin:20px 0; border-radius: 5px; transition:.5s; }
.smd_chimg:hover{ transition:.3s;  transform:scale(1.2); border:#628697 solid 3px;}
.smd_chimg.active{ border:#a11e1e solid 5px;}
.smd_chimg img{ width:100%; }
.smd_input{ text-align:center; transition:.5s;}
.smd_input input{cursor:pointer;}
.smd_inputtext{text-align:center; margin:20px 0; transition:.5s;}
.seach04.smd_enter{ float:right; margin:20px 0;}
.right00_1{ display:none; transition:.5s;}
.right01_1{ display:none; transition:.5s;}
.smd04{ margin-top:22px;}
.smd03{ line-height:25px;}
.smd03a{ float:left;   width: 123px; color: #FFF; background: #B3C1C3; padding: 12px; font-size: 14px; transition: .5s; cursor: pointer; display:block; margin:20px 5px;}
.smd03a:hover{ border-radius: 20px; transition:.3s; background:#5A5A5A;}




.smd_table2{  width: 100%; border-bottom: #EAEAEA solid 1px; display: block; line-height: 25px;}
.sea_title{ float:right; font-size:12px; font-weight:bolder; margin-top:10px;}
.seaxhh2{ float:left; background:url(../../img/57.jpg) no-repeat left 0px; height:40px; padding-left:45px; padding-top:5px;}
.menber_one { border-bottom:#CCC solid 1px; padding:50px 0;}
.menber_one01{ width:626px; margin:50px auto;}
.menber_one01 img{ float:left;}
.menber_onetext{ float:left; margin-left:19px; padding-top:20px; }
.menber_onetext h3{ font-size:14px; font-weight:bolder; margin-bottom:5px;}
.menber_onetext p{font-weight:bolder;}

.hr{ width:100%; border-bottom:#CCC solid 1px; margin:2% 0; clear:both;}
.hr2{ border-bottom:#CCC solid 1px;}
.hr.smd_hr{ margin-bottom:100px; border-bottom:#CCC dashed 1px;}

.center_txt{ margin:20px 0;}
.center_txt.about_text{ font-size:12px; line-height:25px;}
.about_text01{ margin:30px 0; float:left; position:relative; width:45%; height:274px; overflow:hidden; margin-right:10px;}

.about_text01 h3,.about_text02 h3{ font-size:14px; margin:10px 0; font-weight:bolder; color:#808080;}

.about_text01 p,.about_text02 p{ font-size:12px; line-height:25px; margin-bottom:50px;}

.about_show01{ width:100%;
		
		-webkit-animation: aboutshow 2s;
		-moz-animation: aboutshow 2s  ;
		-o-animation: aboutshow 2s  ;
		animation: aboutshow 2s  ;
	}
	@-webkit-keyframes aboutshow {
		from {
			filter:alpha(opacity=0); opacity:0;
		}
		to {
			filter:alpha(opacity=100); opacity:1;
		}
	}
	@-moz-keyframes aboutshow {
		from {
			filter:alpha(opacity=0); opacity:0;
		}
		to {
			filter:alpha(opacity=100); opacity:1;
		}
	}
	@-o-keyframes aboutshow {
		from {
			filter:alpha(opacity=0); opacity:0;
		}
		to {
			filter:alpha(opacity=100); opacity:1;
		}
	}
	@keyframes aboutshow {
		from {
			filter:alpha(opacity=0); opacity:0;
		}
		to {
			filter:alpha(opacity=100); opacity:1;
		}
	}

.about_text02{ width:100%; background:#F7F7F7; padding:10px 50px;}
.about_map{ width:623px;  border:#FFF solid 5px; float:left; margin-top:10px; box-shadow: 4px 4px 5px -2px rgba(69, 69, 69, 0.5); margin-bottom:20px; }

.about_text03{ float:left; margin-left:20px; padding-top:5px; }
.about_text03 p{ font-size:12px; line-height:28px;}
.about_text04{ width:100%;  border-top:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px;   background:#F7F7F7; transition:.5s;}

.about_text04:last-child{ border-bottom:#CCC solid 1px;}
.text01{ width:40%;  padding:5px 5px; float:left; display:block; font-size:12px;}
.text02{ width:60%; border-left:#CCC solid 1px;   padding:5px 5px;  float:left; display:block; background:#FFF; font-size:12px; word-wrap: break-word; 
word-break: normal; }

.text01_1{ height:72px;}
.gray{ color:#A8A8A8;}
.sot{ text-decoration:underline;}
.smd_imgshow2 img{ margin-top:30px;}
.smd_imgshow2{ display:none;}
.smd_imgshow2.smd_imgshow2active{ margin:30px 0;  display: block;}



.message{ width:100%; height:35px; overflow:hidden; border-bottom:#EAEAEA solid 1px; display:block; line-height:25px; }
.message01{ width:5%; display:block; float:left; padding:5px  10px; font-size:12px; text-align:center;}
.message02{ width:60%; display:block; float:left; padding:5px;}
.message03{ width:20%;display:block; float:left; padding:5px; font-size:12px; text-align:center;}
.message04{ width:10%; display:block; float:left; padding:5px  10px; font-size:12px; text-align:center;}

.message:hover{color: #B31515;}

.message:hover.title_message:hover{color:#FFF;}

.message.title_message{ background: #7FAFC0;  border-radius: 10px;  border:#CCC solid 1px; color:#FFF; font-weight:bolder;    font-size: 12px; }
.message.title_message>.message03,.message.title_message>.message04,.message.title_message>.message01{ font-size:12px;}
.message_icon{ margin-bottom:10px;}
.message_icon img{ float:left; width:200px;}
.message_icon h3{ float:left; font-size:14px; font-weight:bolder; margin-top:28px; margin-left:20px; color:#888888;  }

.number{  float:right; margin:20px 0;}
.number a { width:20px; height:20px; text-align:center;  margin:0 2px; display:block; float:left; line-height:19px; border:#CCC solid 1px; color:#666; border-radius: 5px; font-size:12px;}
.number a.this{ color:#FFF;  background:#7FAFC0;}
.number a:hover{ color:#FFF;  background:#7FAFC0;}

.announcement{ width:100%; margin-bottom:10px; font-size:12px;}
.ann01{  margin-top:4px; }
.ann01 h3{  display:block; color:#356D8F; font-weight:bolder; float:left; margin-top:11px;}
.ann01>img{ float:left; margin-right:20px; margin-top:6px; margin-left:2px;}
.ann01_marquee{ width:909px; float:left;  line-height:34px; height:35px; overflow:hidden; color:#122837; font-weight:bolder; }
.ann01_marquee img{ margin-right:5px; float:left;}

.ann02{ width:300px; margin-top:20px;}

/*跑馬燈*/
.abgne-news-scroll {position: relative;}
.abgne-news-scroll ul {position: absolute;}
.abgne-news-scroll ul li{ width:100%; height:35px; overflow:hidden; box-shadow: 4px 3px 3px -2px rgba(74, 74, 74, 0.2); border:#CCC solid 1px;}

.message_say{ width:100%; padding:5px 47px; background:#EFF5F7;  border-radius:5px;}
.message_say h3{ font-size:14px;   margin: 18px 0; color:#666;}
.message_say00{ width:100%; margin-bottom:20px;}
.message_say01{ width:5%; display:block; font-size:12px; font-weight:bolder; float:left; margin:0 30px 0 0; color:#3F3F3F; font-weight:bolder;}
.message_say02{ width:90%; display:block; float:left; font-size:12px; font-weight:bolder; color:#3F3F3F;}
.message_say02 textarea { width:100%; height:116px; border:#BEBEBE solid 1px; padding:10px;}
.message_mail{ width:100%; height:43px; border:#BEBEBE solid 1px; padding:10px;}
.message_say02 .message_ps{ font-size:12px; color:#929292; margin:10px 0;}
/*.message_lihi{ line-height:15px;}*/
.message_code{ float:left; padding:10px; height:43px; margin-right:20px; border: #BEBEBE solid 1px;}
.message_say02 img{ float:left; margin-top:2px;}
.join_ok.message59{ width:100%; float:right; margin:30px 0; background:#467381;}
.message59:hover{ background:#6291A0;}
.message03.mess_day{ float:right; font-size:12px; text-align:right; padding-right:50px;}
.message_p { width:100%; font-size:15px; line-height:25px; padding:10px 20px; margin:30px 0;}
.reply_tall{ width:100%; margin:50px 0; background:#EFF5F7; }
.reply_tall h3{ border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; background:#FFF; font-size:15px; padding:10px 20px; }
.reply_talltext{ width:100%; padding:10px 20px; margin:30px 0; font-size:15px; line-height:25px;}
.reply_back{  float:right; color:#FFF; text-align:center; padding:10px 20px; display:block; background:#7FAFC1; transition:.3s;}

.reply_back:hover{ border-radius: 10px; transition:.5s; background:#698B98;}

.pass_box{ width:100%; background: #EFF5F7; padding:50px 10px; border-radius: 5px;}
.pass_box02{ width:1032px; margin:0 auto; background:#FFF; box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); padding:50px 30px;}
.pass00{ width:100%; margin-bottom:30px;}
.pass01{ width:10%; float:left; display:block; margin-right:10px; font-size:14px; font-weight:bolder;   color: #3F3F3F; line-height:47px;}
.pass02{ width:80%; float:left; display:block; margin-right:10px;}
.pass02_1{ width:100%; height:43px; border: #BEBEBE solid 1px; padding:10px;}
.smd_textbig2.pass_ul{ margin-left:114px;}

.center_boxin.contact_text{ background: url(../../img/55.jpg) no-repeat right bottom #F1F1F1;
}

.contact_box{ width:100%; margin:10px auto 20px auto; padding:27px 30px; background:rgba(255, 255, 255, 0.47); box-shadow: 2px 2px 7px -2px rgba(87, 87, 87, 0.5); }

.join_ok.contact_bu{ width:100%; float:right;}

.brand_box00:nth-child(3n){ margin-right:0;}
.brand_box00{ width:243px; height:158px; float:left; display:block; margin-right:20px; *margin-right:20px; border:#E5E5E5 solid 1px; margin-bottom:30px;   transition:.3s; background:#FFF;}
.brand_box00:hover{ transition:.5s;  transform:scale(1.2); box-shadow:4px 4px 12px -2px rgba(89, 89, 89, 0.5);}
.brand_box00img{ width:240px;  height:110px; overflow:hidden;}
.brand_box00img img{ width:100%;}
.brand_box00 h3{ width:100%; padding:10px; border-top:#E5E5E5 solid 1px;   background: #98B2BB; color:#FFF;}

/*會員*/
.member01{ width:547px; /* background:url(../../img/68.jpg) no-repeat 0px 0px; */ margin-right:20px; padding:20px; float:left; border:#CCC solid 1px;}
.member01 h3{ font-size:14px; padding-left:71px; background: url(../../img/67.png) no-repeat 0px 0px; display:block; width:100%; height:67px; padding-top:15px; margin-bottom:25px;}

.member02{ width:100%; margin-bottom:20px; clear:both;}
.member02_1{height: 38px; float:left; }
.member02_2{ float:left; display:block;}

.member03{width:131px; float:left; display:block; font-size:14px; margin-top:6px;  }
.left_p{ float:left;  margin:17px 10px 0 10px; display:block;}
.member_topm{ margin-top:36px;}

.member04{ float:left; display:block;}
.member04 h3{ font-size:15px; font-weight:bolder; margin-bottom:20px;}