@import url(basic.css);
/*框架樣式*/
/*手機版選單*/
/*頁首樣式*/
/*內容樣式*/
/*頁面樣式*/
/*圖文列表樣式1*/
/*圖文列表樣式2*/
/*檔案下載2*/
/*訊息列表樣式*/
/*資料下載*/
/*訊息列表樣式3*/
/*分頁樣式*/
/*多媒體資料樣式*/
/*多媒體資料樣式2*/
/*會員專區k_member*/
/*九宮格樣式*/
/*九宮格樣式2*/
/*影片區樣式*/
/*園區地圖樣式*/
/*海洋動畫樣式*/
/*壓線樣式*/
/*頁尾樣式*/
/*頁尾選單樣式*/
/*行事曆*/
/*相關連結*/
/*網站導覽*/
/*其他樣式*/
/***********************************/
/*框架樣式*/
a:focus{ border:1px solid #ae5da1;}
#header .a .aa a:focus{ border:1px solid #ae5da1;} 
#header .a .aa img:focus{ border:1px solid #ae5da1;display:inline-block;width:100%; height:auto;} 
#iconmenu #search_text:focus{ background-color:#FF9; border:1px solid #ae5da1;}
#header .aa .hotS a:focus{border:1px solid #ae5da1;}
.new9 .new9-L .a p a:focus{border:1px solid #ae5da1;} 
.new9 .new9-L .b .icondiv a:focus{ display:block;border:1px solid #ae5da1;} 
.newslist9 li a:focus{ display:block;width:100%; height:auto;border:1px solid #ae5da1; overflow:hidden;}
.searchbar input:focus,
.searchbar select:focus{ background-color:#FF9; border:1px solid #ae5da1; color:#000;}
.member .memberbox .section input:focus,.member .memberbox .section select:focus,.member .memberbox .section textarea:focus{background-color:#FF9; border:1px solid #ae5da1; color:#000;}

 
#val
{
     position:fixed;
      left:0px;
      top:50px;
       z-index:100;
        display:block;
    }
    
    #val2
{
     position:fixed;
      left:0px;
      top:100px;
       z-index:100;
        display:block;
    }

body
{
	font-family:'微軟正黑體';
	
	}
	
#container	
{
    width:100% ;
	margin: auto;
	  position:relative;
	}
/*頁首樣式*/
	
	
/*頁首樣式A區*/
 #header .a 
 {  
      
       height:44px;width:1235px;margin:0 auto;
       padding:0 10px; display:none; width:100%;
     }
     
     #header .aa
 {background-color:#000000;
      text-align:right;
      width:1235px;
	  height:auto;
      margin:0 auto;
      padding:10px 0;
 }
   #header .a .aa a{display:inline-block;vertical-align:top;}
  #header .aa a img{ }
 #header .aa .hotS{ vertical-align:middle;height:44px;padding:0 10px; padding-top:5px; display:inline-block; font-size:90%;}
 #header .aa .hotS a{ color:#FFF;font-size:90%;}
 #header .aa .U{color:#ffffff;font-size:90%;display:inline-block;vertical-align:top; padding:5px 3px;}
 #iconmenu #search_text
 {
 border: 1px solid #848484; 
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px; 
    border-radius: 30px; 
    outline:0; 
    height:20px; 
    width: 145px; 
    padding-left:10px; 
    padding-right:10px;
    float:left;
 	font-size:0.8125rem;
 }
 
 
 
 #iconmenu .search_btn
 {
      margin:0px 16px 0 8px;
      float:left;
 }
 
 #header #iconmenu 
 {
 text-align: left;
 float:right;vertical-align:middle; 
 }
  #header{ background-color:#FFF}
 #header #iconmenu a
 {text-align: left; display:inline-block; 
      margin-left:8px; vertical-align:middle;
     }
 #header #iconmenu a img{vertical-align:middle;}
/*頁首樣式B區*/
	    #header .b
	{
	   height:60px; 
	   padding:0 10px; width:100%;
	}
	
	#header .ba
	{
	   width:1235px;
	   margin:0 auto;
	   padding:12px 0; 
	}
	
	#header #ba_logo
	{
	    float:left; 
	    }
	  #header #ba_logo a{ display:block;}  
	    #header #ba_link
	{
	    float:right;
	     line-height:36px;
	    }
	    
	   /* #header #ba_link a
	    {
	        padding:5px;
	         font-size:0.875rem;
	        }
	    
	    #header #ba_link a:hover
	{
	      background-color:#00B8EE;
	       color:#FFFFFF;
	       -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius: 5px; 
	        
	}
	
	#header #ba_link .active
	{
	    background-color:#00B8EE;
	    color:#FFFFFF;
	       -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius: 5px; 
	    }
	    
	    #header #ba_link .sp
	{
	     margin:0px 3px;
	}*/
	
	/*手機版選單*/
	/*#ba_link2
	{
	     width:90%;
	      margin:20px auto 0 auto;
	    }
	    
	    #ba_link2 .td1
	    {
	         text-align:left;
	          padding:5px 0 5px 0px;
	          border-bottom:1px solid #DBDBDB;
	        }
	        
	        #ba_link2 .td2
	    {
	         text-align:right;
	          padding:5px 0 5px 0;
	          border-bottom:1px solid #DBDBDB;
	        }*/
#ba_link2{width:82%; margin:20px auto; margin-left:8%;text-align: center; background-color:#eee; border:1px solid #DBDBDB; border-bottom:0px solid #DBDBDB;border-radius:5px;}
#ba_link2 .td1 {width:50%;text-align: center;padding:10px 0px; margin-bottom:1px;margin-bottom:1px; border-bottom:1px solid #DBDBDB;border-right:1px solid #DBDBDB;}
#ba_link2 .td2{width:50%;text-align: center;padding:10px 0px;margin-bottom:1px;border-bottom:1px solid #DBDBDB;}	        
	        #ba_link2 a
	    {
	        padding:5px;
	         font-size:0.875rem;
	        }
	    
	    #ba_link2 a:hover
	{
	      background-color:#00B8EE;
	       color:#FFFFFF;
	       -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
	        
	}
	
	#ba_link2 .active
	{
	    background-color:#00B8EE;
	    color:#FFFFFF;
	       -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
	    }
	    
	    ul.page_menu .line 
	    {
	        border-top:1px dashed #aaa; 
	        width:100%; 
	        padding:10px;
	        margin:5% 5% 0 5%;
	    }
	    
	
	    
	/*頁首樣式C區*/
	#header .c
	{
	    width:100%;
	     background-color:rgba(255,255,255,1);
	     height:60px;
	      z-index:20;
	       border-top:1px solid #B1B1B1;
	       border-bottom:1px solid #B1B1B1;
	}
	
	#header .c1
	{
	    width:1235px;
	     height:58px;
	     margin:0 auto;
	     padding:0px 0;
	}
	
	/*頁首樣式D區
	#header #d
	{
	   background-image: url('../img/banner/banner-01.jpg');
    background-repeat: no-repeat;
    background-size:cover;
     background-attachment:fixed;
     transform:translate3d(0px, 0px, 0px);
     height:890px;
	}*/
	
	/*內容樣式*/
	
	#content
	{
	    width:1260px;
	     margin:0 auto;
	    }
	    
	    /*頁面樣式*/
	    #page_content
	    {
	         width:100%; height:auto;  position:relative; overflow:hidden;
	         margin:0px auto 0 auto;background-color:#FFF; padding:20px 30px; border-radius:15px 15px 0 0;
	        }
	        
	        #page_content a.back
	        {
	             color:#000 !important;
	             background-color:#ffc100;
	               display:block;
	                text-align:center;
	                 padding:5px 0px;
	                  width:92px;
	                   margin:40px auto 60px auto;
	                    clear:both; border-radius:10px;
	            }
	        
	        #page_content .a
	    {
	         font-size:0.875rem;
	          float:left;/*patty1124*/
	          width:auto;
	           margin-top:-45px;
	        }
	        
	        #page_content .a .sp
	        {
	            margin: 0 10px;
	            }
	        #page_content .b{ width:100%; height:auto;} 
			#page_content .lineship  { position:absolute;width:100%; height:auto; z-index:99; left:0; top:0; border-left:2px solid #300; background-color:#FC9;}  
	            #page_content .b .b
	    {
	        float:left;
	         font-size:1.25rem;
	           width:18%;height:auto; overflow:hidden;
	            margin: 10px 10px;margin-right:3%; font-weight:bold; background-color:#FC0;  margin-left:-30px;
	    }
	   #page_content .b .b span{ width:100%; height:auto; display:block; padding:8px 40px 8px 30px;margin-right:1%; border-bottom:5px solid #5d0001;}
	    #leftmenutitle{margin-right:1%;}
	    #page_content .b .b1
	    {
	        float:left;
	         font-size:1.25rem;
	           font-weight:normal;
	    }
	    
	    #page_content .d .c/*patty1124*/
	    {
	        float:right;
			position:absolute;
			top:-45px;
			right:0px;
	    }
	    
	    #page_content .d .c a/*patty1124*/
	    {
	         display:inline-block;
	           width:31px;
	           height:31px; 
border-radius:99em;
background-color:#757575;
  color:#FFFFFF;
   text-align:center;
    line-height:31px;
     position:relative;
      margin:0 0 0 6px;
	    }
	    
	    #page_content .d .c a:hover
	    {
	        
	        background-color:#333;
	        transition: background 0.5s ease;
	    }
	    
	    #page_content .d .c a.active
	    {
	        background-color:#333;
	    }
	    
	    #page_content .d .c a div
	    {
	         right:4px;
	          top:-7px;
	        position:absolute;
	         font-size:70%;
	    }
	    
	    #page_content .d
	    {
	         margin-top:10px;
	         width:100%;
	        float:left;
	         border-top:1px solid #E5E5E5;
			 position:relative;
	    }
	    
	    #page_content .d .da
	    {
	        width:15%;
			min-height:100px;
	        float:left;
	        margin-right:2%;
	    }
	    
	    #page_content .db
	    {
	         float:right;
	        width:83%;height:auto; overflow: auto !important;overflow-y: hidden;
	          margin-top:0px; padding:20px 0;
	    }
		#page_content .db .dbright{ font-size:60%; font-weight:normal; vertical-align:middle; float:right; margin-top:5px;}
		#page_content .db .dbright a img{  vertical-align:middle;}

	    /*圖文列表樣式1*/
	    #page_content .list
	    {
	         margin-bottom:30px;
	         float:left;
	          width:100%; height:auto; overflow:hidden; border-bottom:1px solid #CCCCCC;
	        }
	    
	    #page_content .list .a
	    {
	        float:left;
	         width:30%;
	          margin-right:1%;
	        }
	        
	        #page_content .list .b
	    {
	        float:left;
	        width:68%;
	        }
	        
	        #page_content .list h1
	    {
	         font-size:1.125rem;
	          color:#0056A6;
	           margin-top:5px;
	            margin-bottom:0px;
	    }
	    
	     #page_content .list .line
	    {font-size:85%; color:#666;
	           border-top:1px dashed #CCC;line-height:180%; padding:5px 0;
	    }
	    
	    #page_content .list p
	    {
	        margin-top:5px;line-height:180%; font-weight:bold;
	        font-size:90%;
	    }
#page_content .list .b p img,
#page_content .list .b p a{ vertical-align: top;}
#page_content .list .b span{ line-height:120%; margin:0; padding:0;}
	    /*圖文列表樣式2*/
	    .list2
	    {
	         padding:17px 27px;
	          border:1px solid #E6E6E6;
	          float:left;
	           width:100%;
	            margin-bottom:10px;
	        }
	        
	        .list2:nth-child(even)
	        {
	             background-color:#F8F6F7;
	            }
	            
	            .list2:last-child
	            {
	                 margin-bottom:120px;
	                }
	        
	        .list2 .list2_a
	    {
	         width:23%;/*width:148px;width:17.9%;*/
	          margin-right:3%;
	           float:left;
	    }
	    
	    .list2 .list2_b
	    {
	        width:73%;/*width:656px;width:79.5%;*/
	        float:left;
	    }
	    
	    .list2 .list2_b h1
	    {
	         font-size:1.25rem;
	         margin:0px 0 10px 0;
	        }
	        
	        .list2 .list2_b p
	    {
	        margin:10px 0 0 0;
	         line-height:25px;
	    }
	    
	    .list2 .list2_b .more
	    {
	         display:block;
	         font-size:xx-small;
	        background-color:#757575;
	         color:#FFFFFF;
	          padding:5px 5px;
	          border-radius:5px;
	            text-align:center;
	             vertical-align:middle;
	              float:right;
	    }
	    
	    .list2 .list2_b .line
	    {
	         border-top:1px solid #D9D9D9;
	        }
	    /*檔案下載2*/
	        .download2
	    {
	         padding:25px 28px;
	          border:1px solid #D5D5D5;
	          float:left;
	           width:90%;
	            margin-left:5%;
	            margin-bottom:15px;
	        }
	        
	        /*Div Hover 效果*/
	          .download2_effects {
  position: relative;
  display: block;
  /*width: 370px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.download2_effects::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.download2_effects:hover {
  -webkit-transform: scale(1.01, 1.01);
  transform: scale(1.01,1.01);
}

.download2_effects:hover::after {
    opacity: 1;
}
/*Div Hover 效果 End*/
	        
	            .download2:last-child
	            {
	                 margin-bottom:0px;
	                }
	        
	        .download2 .download2_a
	    {
	         width:24%;/*width:148px;width:17.9%;*/
	          margin-right:3%;
	           float:left;
	    }
	    
	    .download2 .download2_a img
	    {
	    border:1px solid #D7D7D7;
	             padding:5px;width:100%;
	    }
	    .download2 .download2_b
	    {
	        width:73%;/*width:656px;width:79.5%;*/
	        float:left;
	    }
	    
	    .download2 a.link_1
	    {
	    color:#000000;
	     font-size:1.25rem;
	    }
	    
	    .download2 a.link_2
	    {
	        color:#999;
	        font-size:80%;
	         margin-bottom:10px;
	        }
	    
	    .download2 a.link_1:hover
	    {
	         color:#004077;
	    }
	    
	    .download2 a.link_2:hover
	    {
	         color:#888888;
	    }
	    
	    .download2 .download2_c
	    {
	          display:inline-block;
	          float:right;
	          margin-top:-5px;
	        }
	        
	        
	        .download2 .download2_c img
	        {
	             margin-right:10px;
	             vertical-align:bottom;
	            }
	    
	    .download2 .download2_b strong
	    {
	         font-size:1.25rem;
	         margin:0px 0 10px 0;
	          color:#000000;
	        }
	        
	        .download2 .download2_b p
	    {
	        margin:10px 0 0 0;
	         line-height:25px;
	         color:#000000;font-size:90%;
	    }
	    
	    
	    
	    .download2 .download2_b .line
	    {
	         border-top:1px solid #CDCDCD;
	          float:left;
	           width:100%; margin-bottom:5px;
	        }
	    
	    
	    
	    /*訊息列表樣式*/
	    .table_css
	    {
	         width:100%;
	          margin-bottom:10px; /*margin-top:-20px;*/
	        }
	        
	        .table_css thead
	    {
	         width:100%;
	          background-color:#BFBDBE;
	           color:#000;
	             border:1px solid #ACACAC;
	        }
	        
	        .table_css thead th
	    {
	        padding:10px 0;
	         border-bottom:1px solid #ACACAC; font-size:90%;
	    }
	    
	   .table_css thead tr th:nth-child(1)
	    {
	         width:85%;
	          text-align:center;
	    }
	    
	  /* .table_css thead tr th:nth-child(2)
	    {
	        width:15%;
	          text-align:left;
	           white-space:nowrap;
	            
	    }
	   */
	    
	    .table_css tbody
	    {
	        border:1px solid #E7E7E7;
	        }
	        
	    /*    .table_css tbody tr:nth-child(1) td
	    {
	          padding:0px;
	           height:9px;
	            border-left:1px solid #FFFFFF;
	            border-right:1px solid #FFFFFF;
	            background-color:#FFFFFF;
	    }*/
	        
	        .table_css tbody tr:nth-child(odd)
	    {
	        
	         background-color:#F8F6F7;
	        }
	        
	        .table_css tbody td
	    {
	        padding:5px;
		        
	        border-top:1px solid #E7E7E7;
	         border-bottom:1px solid #E7E7E7;
	          
	        }
	        
	        .table_css tbody tr:nth-child(1n+2):hover
	        {
	             background-color:#666666;
	               color:#FFFFFF;
	            }
	            
	            .table_css tbody tr:nth-child(1n+2):hover a
	        {
	            color:#FFFFFF;
	        }
	            
	           
	        
	     /*   .table_css tbody tr:nth-child(1n+2) td:nth-child(1)
	    {
	         padding:15px 5px  15px 50px;
	          text-align:left;
	    }
	    
	     .table_css tbody tr:nth-child(1n+2) td:nth-child(2)
	    {
	         padding:15px 5px  15px 5px;
	          text-align:left;
	           white-space:nowrap;
	    }*/
	    
	    /*資料下載*/
		.toggle_b{width:100%; padding:0;}
	    .table_css2
	    {
	         width:100%;
	          margin:0px auto 0px auto;/* margin-top:-20px;*/
	        }
	        
	        .table_css2 .line
	    {
	         border-top:1px dotted #666666;
	          margin:10px 0;
	           width:100%;
	    }
	        
	        .table_css2 thead
	    {
	         width:100%;
	          background-color:#BFBDBE;
	           color:#000;
	             border:1px solid #ACACAC;
	        }
	        
	        .table_css2 thead th
	    {
	        padding:15px 10px;font-size:90%;
	         border-bottom:1px solid #ACACAC;
	    }
	    
	    .table_css2 thead tr th:nth-child(1)
	    {
	         width:15%;
	          text-align:center;
	           white-space:nowrap;
	    }
	    
	    .table_css2 thead tr th:nth-child(2)
	    {
	        width:60%;
	        text-align:center;
	        padding-right:10px;
	    }
	    
	    .table_css2 thead tr th:nth-child(3)
	    {
	         width:25%;
	          text-align:left;
	           white-space:nowrap;
	           padding-right:10px;
	    }
	    
	    
	    .table_css2 tbody
	    {
	        border:1px solid #E7E7E7;
	        }
	        
	        .table_css2 tbody tr:nth-child(1) td
	    {
	          padding:0px;
	           height:9px;
	            border-left:1px solid #FFFFFF;
	            border-right:1px solid #FFFFFF;
	            background-color:#FFFFFF;
	    }
	        
	        .table_css2 tbody tr:nth-child(odd)
	    {
	        
	         background-color:#F8F6F7;
	        }
	        
	        .table_css2 tbody td
	    {
	        padding:0px;
	        border-top:1px solid #E7E7E7;
	         border-bottom:1px solid #E7E7E7;
	          
	        }
	        
	        .table_css2 tbody tr:nth-child(1n+2) td
	    {
	        padding:15px 0px;
	    }
	    
	        
	        .table_css2 tbody tr:nth-child(1n+2) td:nth-child(1)
	    {
	          padding:15px 10px;
	          text-align:center;
	          white-space:nowrap;
	    }
	    
	     .table_css2 tbody tr:nth-child(1n+2) td:nth-child(2)
	    {
	         padding:15px 10px;
	          text-align:left;
	    }
	    
	    .table_css2 tbody tr:nth-child(1n+2) td:nth-child(3)
	    {
	        text-align:left;
	         vertical-align:top;
	         padding:15px 10px;
	    }
	    
	    .table_css2 tbody tr:nth-child(1n+2) td:nth-child(3) a
	    {
	         margin-right:5px;
	          margin-bottom:5px;
	    }
	    
	    /*訊息列表樣式3*/
	    .table_css3
	    {
	         width:100%;
	          margin-bottom:10px;
	        }
	        
	        .table_css3 thead
	    {
	         width:100%;
	          background-color:#BFBDBE;
	           color:#4d4d4d;
	             border:1px solid #ACACAC;
	        }
	        
	        .table_css3 thead th
	    {
	        padding:15px 0;font-size:90%;
	         border-bottom:1px solid #ACACAC;
	    }
	    
	    .table_css3 thead tr th:nth-child(1)
	    {
	         width:50%;
	          text-align:center;
	    }
	    
	    .table_css3 thead tr th:nth-child(2)
	    {
	        width:50%;
	          text-align:center;
	           white-space:nowrap;
	            
	    }
	    
	    
	    .table_css3 tbody
	    {
	        border:1px solid #E7E7E7;
	        }
	        
	        .table_css3 tbody tr:nth-child(1) td
	    {
	          padding:0px;
	           height:9px;
	            border-left:1px solid #FFFFFF;
	            border-right:1px solid #FFFFFF;
	            background-color:#FFFFFF;
	    }
	        
	        .table_css3 tbody tr:nth-child(odd)
	    {
	        
	         background-color:#F8F6F7;
	        }
	        
	        .table_css3 tbody td
	    {
	        	        
	        padding:0px;
	        border-top:1px solid #E7E7E7;
	         border-bottom:1px solid #E7E7E7;
	          
	        }
	        
	        .table_css3 tbody tr:nth-child(1n+2):hover
	        {
	             background-color:#666666;
	             color:#FFFFFF;
	            }
	            
	            .table_css3 tbody tr:nth-child(1n+2):hover a
	        {
	            color:#FFFFFF;
	        }
	            
	           
	        
	        .table_css3 tbody tr:nth-child(1n+2) td:nth-child(1)
	    {
	         padding:15px 5px  15px 50px;
	          text-align:left;
	          word-wrap: break-word;/*英文斷行語法*/
word-break: break-all;/*英文斷行語法*/
white-space:normal;
	    }
	    
	     .table_css3 tbody tr:nth-child(1n+2) td:nth-child(2)
	    {
	         padding:15px 5px  15px 50px;
	          text-align:left;
	          word-wrap: break-word;/*英文斷行語法*/
word-break: break-all;/*英文斷行語法*/
white-space:normal;
	    }
	    
	      /*分頁樣式*/
	      .pager
	      {
	           width:auto;
	            margin:60px auto 0 auto; 
	             text-align:center;
	              clear:both;
	          }
	          
	          .pager a
	          {
	               display:inline-block;
	               border:1px solid #BABABA;
	                padding:3px 9px;
	                 margin:0 4px 10px 4px;
	              }
	              
	              .pager a:hover
	          {
	             background-color:#000000;
	        transition: background 0.5s ease; 
	         color:#FFFFFF;
	          }
	          
	          .pager a.active
	          {
	             background-color:#000000;
	         color:#FFFFFF; 
	          }
	          
	          .pager_result
	          {
	              width:100%;
	               text-align:center;
	                margin-top:20px;   
	              }
	              
	        /*多媒體資料樣式*/
	        .media_category
	        {
	             width:100%;
	              float:left;
	               display:block;
	                margin-bottom:20px; margin-top:20px;
	                  text-align:left;
	            }
	            
	            .media_category a
	        {
	             background-color:#0080a3;
	              display:inline-block;
	               color:#FFFFFF;
	                padding:5px 13px;
	                 text-align:right;
	                  margin-right:1px;
	        }
	        
	        .media_category a:hover
	        {
	            background-color:#434343;
	            transition: background 0.5s ease;
	        }
	        
	        .media_category a.active
	        {
	            background-color:#434343;
	        }
	        
	        .gallery
	        {
	             width:100%;
	               margin:0px auto; text-align: center;
	            }
	        
	        .gallery .ga
	        {
	             width:40%; height:auto;min-height:365px;
	             float:left;
	              border:1px solid #D5D5D5;
	               padding:9px 6px 16px 6px;
	                text-align:center;
	                 font-weight:bold;
	                   margin-bottom:37px; border-radius:10px;
	  	            }
			.gallery .gaimg{width:100%; height:230px;margin-bottom:20px; overflow:hidden;}
			.gallery .gaimg img{ width:100%;height: auto ;}
			.gallery .ga img{ width:100%;height:auto; }
			.gallery .gaa
	        { margin-top:10px; font-size:105%; height:auto;overflow:hidden;
	          margin-bottom:5px; line-height:150%; vertical-align:middle
	        }
			/*研究人員*/
			.gallery .ganame
	        {
	             width:44%; height:70px;
	             float:left;
	              border:1px solid #D5D5D5;
	               padding:9px 6px 9px 6px;
	                text-align:center;
	                 font-weight:bold;
	                   margin:15px; border-radius:10px;
	  	            }
	            .gallery .gaa1
	        { margin-top:10px; font-size:105%; height: auto;overflow:hidden;
	          margin-bottom:5px; line-height:140%; vertical-align:middle; border:2px solid #FFF;
	        }
	            /*Div Hover 效果*/
	          .ga_effects {
  position: relative;
  display: block; margin:20px;
  /*width: 370px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .ga_effects a{display: block;}
.ga_effects::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ga_effects:hover {
  -webkit-transform: scale(1.03, 1.03);
  transform: scale(1.03,1.03);
}

.ga_effects:hover::after {
    opacity: 1;
}
/*Div Hover 效果 End*/          
	            .gallery .ga:nth-child(odd)
	        {
	            margin-right:51px;
	        }
	            
	       
			.ga_effects a img{ border-radius:8px 8px 0 0;}
	        
	      /*多媒體資料樣式2*/
	        .gallery2
	        {
	             width:100%;
	        /*margin:1%;*/
	            }
	            
	            .gallery2 .ga2
	        {
	             width:45%; min-height:220px;
	            /* float:left;*/ display:inline-block;
	              border:1px solid #DFDFDF;
	               margin-bottom:30px;
	               padding:5px;
	        }
	        
	        .gallery2 .ga2:nth-child(odd)
	        {
	            margin-right:22px;
	        }
	            
	            .gallery2 .ga2_a
	        {
	             width:45%;height:240px; overflow:hidden; display:inline-block;margin-right:20px; background:#eee url(../Images/nopicture.png) no-repeat center center; background-size:60% auto ;
	               
	              
	        }
	        
	        .gallery2 strong
	        {
	             margin-top:0px;
	             font-size:110%;
	        }
	        
	        .gallery2 strong a
	        {
	            font-size:110%;
	            }
	        
	        .gallery2 p
	        {
	             font-size:90%;
	        }
	        
	        .gallery2 .ga2_b
	        {
	            width:49%; height:260px;overflow:hidden;line-height:150%;
	            display:inline-block;
	             padding-top:0px;
	              position:relative; vertical-align:top;
	        }
	        
	        .gallery2 .ga2_b .line
	        {
	             border-top:1px solid #CCCCCC;
	              margin:10px 0;
	            }
	            
	            .gallery2 .ga2_b .more
	        {
	            background-color:#E5E5E5;
	            width:38px;height:38px; 
border-radius:99em;
 color:#5C5C5C;
  font-size:xx-small;
   text-align:center;
     line-height:35px;
      display:block;
       margin:0 auto;
       position:absolute;
         bottom:0px;
        left:50%;
         margin-left:-19px;

	        }
	        /*會員專區k_member*/
	        .k_member
	        {
	              width:80%;
	               margin:0 auto;
	            }
	            
	            .k_member .k_a
	            {
	                width:30%;
	              text-align:center;
	               float:left;
	                 margin-bottom:75px;
	                  font-weight:bolder;
	                   line-height:30px;
	                    padding:20px;
	                    
	                } .k_member .k_a a{font-size:105%;}
	                
	                .k_member .k_a .k_b
	                {
	                     width:134px;
	                      height:134px; margin:auto;
	                      border-radius:15px;
	                       background-color:#FDBA1A;
	                         margin-bottom:10px; 
	                    }
	                    
	                    .k_member .k_a .k_b:hover
	{
	    background-color:#363636;
	    transition: background 0.5s ease;
	}
	
	.k_member .k_a
	            {
	                margin:0 10px;
	            }
	            
	
	                /*
	                .k_member .k_a:not(:nth-child(3n+3))
	            {
	                margin-right:68px;
	            }
*/

	              
	    /*九宮格樣式*/
	    #nine
	    {
	         width:1260px;
	         margin-top:70px;
	      margin-bottom:23px;
	      float:left;
	        }
	    
	    #nine .box
	{ width:378px;
      height:257px;
	  float:left;
	  margin:0 21px 45px 21px;
	  position:relative;
	  overflow:hidden;background-repeat: no-repeat;
    background-size:cover;
     background-position:center;
   
	}
	 #nine .box:nth-child(1n+2) a{
	display:block;
	width:100%;
	height:100%;
	}
	
	#nine .box:nth-child(1n+2) .a
	{
	     position:absolute;
	      left:0px;
	       bottom:0px;
	     text-align:center;
	      width:378px;
	      height:46px;
	       line-height:46px;
	      background-color:rgba(255,255,255,0.2);
	       color:#FFFFFF;
	        font-weight:bold;
	         z-index:1;
	}
	
	#nine .box:nth-child(1n+2) .b
	{
	   position:absolute;
	      left:0px;
	       bottom:0px;
	      width:378px;
	      height:257px; 
	      color:#000000;
          line-height:257px;/*js設定*/
           font-weight:bold;
            text-align:center;
             display:none;
              font-size:1.125rem;
              z-index:3;
              text-shadow: 0 1px 1px hsla(0,0%,100%,.6);
	}
	
	#nine .box:nth-child(1n+2) .c::before 
	{
	    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -30px;
    z-index: -1;
    -webkit-filter: blur(20px);  
        -moz-filter: blur(20px);
        -ms-filter: blur(20px);    
        filter: blur(20px);
    background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        background-blend-mode:hard-light;
        /*
         background-image: url('../img/school_c_1.jpg');*/
	    }
	
	#nine .box:nth-child(1n+2) .c
	{
	  
	     width:100%;
	     height:100%;
	    display:none;
	    position: relative;
	    z-index:2;
	    /*
    background: hsla(255,255%,255%,0.6) border-box;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
 0 .5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0,0%,100%,.3);
        */
        
	}
	
	#nine .box:nth-child(2) .c::before 
	{
	    background-image: url('../img/school_c_1.jpg');
	}

	#nine .box:nth-child(3) .c::before 
	{
	    background-image: url('../img/school_c_3.jpg');
	}
	#nine .box:nth-child(4) .c::before 
	{
	    background-image: url('../img/school_c_4.jpg');
	}
	#nine .box:nth-child(5) .c::before 
	{
	    background-image: url('../img/school_c_2.jpg');
	}
	#nine .box:nth-child(6) .c::before 
	{
	    background-image: url('../img/school_c_5.jpg');
	}
	#nine .box:nth-child(7) .c::before 
	{
	    background-image: url('../img/p_c_6.jpg');
	}
	#nine .box:nth-child(8) .c::before 
	{
	    background-image: url('../img/p_c_7.jpg');
	}
	#nine .box:nth-child(9) .c::before 
	{
	    background-image: url('../img/school_c_8.jpg');
	}
	
	/*九宮格樣式2*/
	#nine2
	    {
	      width:1260px;
	      margin-top:70px;
	      margin-bottom:23px;
	      float:left;
	    }
	    
	    #nine2 .box
	{
width:378px;
	     height:257px;
	      float:left;
	         margin:0 21px 45px 21px;
	         position:relative;
	          overflow:hidden;
	           background-repeat: no-repeat;
    background-size:cover;
     background-position:center;
	}
	
	#nine2 .box .a
	{
	     position:absolute;
	      left:0px;
	       bottom:0px;
	     text-align:center;
	      width:378px;
	      height:46px;
	       line-height:46px;
	      background-color:rgba(255,255,255,0.2);
	       color:#FFFFFF;
	        font-weight:bold;
	         z-index:1;
	}
	
	
	
	#nine2 .box .b
	{
	   position:absolute;
	   left:0px;
	   bottom:0px;
	   width:378px;
	      height:257px; 
	      color:#000000;
          line-height:257px;/*js設定*/
           font-weight:bold;
            text-align:center;
             display:none;
              font-size:1.125rem;
              z-index:3;
              text-shadow: 0 1px 1px hsla(0,0%,100%,.6);
	}
	
	#nine2 .box .c::before 
	{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -30px;
    z-index: -1;
    -webkit-filter: blur(20px);  
        -moz-filter: blur(20px);
        -ms-filter: blur(20px);    
        filter: blur(20px);
    background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        background-blend-mode:hard-light;
        /*
         background-image: url('../img/school_c_1.jpg');*/
	    }
	
	#nine2 .box .c
	{
	  
	     width:100%;
	     height:100%;
	    display:none;
	    position: relative;
	    z-index:2;
	    /*
    background: hsla(255,255%,255%,0.6) border-box;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
 0 .5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0,0%,100%,.3);
        */
        
	
	}
	
	#nine2 .box:nth-child(1) .c::before 
	{
	    background-image: url('../img/index_en_01.jpg');
	}
	
	#nine2 .box:nth-child(2) .c::before 
	{
	    background-image: url('../img/index_en_02.jpg');
	}
	#nine2 .box:nth-child(3) .c::before 
	{
	    background-image: url('../img/index_en_03.jpg');
	}
	#nine2 .box:nth-child(4) .c::before 
	{
	    background-image: url('../img/index_en_04.jpg');
	}
	#nine2 .box:nth-child(5) .c::before 
	{
	    background-image: url('../img/index_en_05.jpg');
	}
	#nine2 .box:nth-child(6) .c::before 
	{
	    background-image: url('../img/index_en_06.jpg');
	}
	#nine2 .box:nth-child(7) .c::before 
	{
	    background-image: url('../img/index_en_07.jpg');
	}
	#nine2 .box:nth-child(8) .c::before 
	{
	    background-image: url('../img/index_en_08.jpg');
	}
	#nine2 .box:nth-child(9) .c::before 
	{
	    background-image: url('../img/index_en_09.jpg');
	}
	
	

	        .imgOffest_on
	        {
	            width:398px;
	      height:277px;
	      webkit-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -o-transform:  translate(-10px, -10px);
    transform:  translate(-10px, -10px);
    transition: all 0.4s ease-in;
	            
	            }
	            
	            .imgOffest_off
	        {
	           width:378px;
	      height:257px;
	      webkit-transform: translate(0px, 0px);
    -moz-transform:translate(0px, 0px);
    -o-transform:translate(0px, 0px);
    transform:translate(0px, 0px);
    transition: all 0.4s ease-out;
	        }
	        
	#nine .box:nth-child(1) .a
	{
	     width:345px;
	      height:150px;
	       border:1px solid #D6D6D6;
	        padding:0px 0px 10px 30px;
	}
	
	#nine .box:nth-child(1) .a h1
	{
	     font-size:1.25rem;
	      font-weight:normal;
	       padding-left:5px;
	       margin-top:17px;
	        padding-top:0px;
	}
	
	#nine .box:nth-child(1) .a .line
	{
	     width:318px;
	     border-top:1px solid #B2B2B2;
	    }
	    
	    #nine .box:nth-child(1) .a .sp
	{
	     margin:0 10px;
	}
	    
	    #nine .box:nth-child(1) .a p
	{
	    padding:0px 5px;
	     line-height:20px;
	}
	
	#nine .box:nth-child(1) .b
	{
	     margin-top:3px;
	    }
	    
	    #nine .box:nth-child(1) .b a
	{
	     color:#FFFFFF;
	}
	
	#nine .box:nth-child(1) .b div
	{
	     width:122px;
	      height:78px;
	       background-color:#E7B820;
	        display:inline-block;
	         color:#FFFFFF;
	          text-align:center;
	           line-height:25px;
	            padding-top:20px;
	    }
	    
	    #nine .box:nth-child(1) .b div:hover
	{
	    background-color:#363636;
	    transition: background 0.5s ease;
	}
	    
	    #nine .box:nth-child(1) .b div:nth-child(2)
	{
	     margin:0 2px;
	}
	/*
	#nine .box:nth-child(3n+3)
	{
	    margin-right:0px;
	    }
*/
	    
	    /*影片區樣式*/
	    #movie
	    {
	         width:1220px; 
	        margin:0 auto;
	         height:493px;
	          margin-bottom:60px;
	           clear:both;
	        }
	        
	        #movie #Lmovie
	        {
	           /* width:759px;*/width:63%;
	            height:493px;
	            float:left;
	            }
	            
	            #movie #Rmovie
	        {
	            /*width:376px;*/ width:35%; background-color:#FFF;
	            height:490px;
	             border:1px solid #D9D9D9;
	             float:right;
	              padding:18px 28px 10px 28px;border-top:18px solid #FC0;border-bottom:18px solid #FC0; border-radius:10px;

	            }
	            
	            #movie #Rmovie .content
	            {
	               height:290px; 

	                }
	            
	            #movie #Rmovie h1
	        {
	             margin:0px;
	             font-size:1.25rem;
	        }
	        
	        #movie #Rmovie .line1
	        {
	             margin:5px 0 20px 0;
	             border-top:1px solid #B1B1B1;
	        }
	        
	        
	        #movie #Rmovie h2
	        {
	             margin:0px;
	             font-size:1.375rem;
	        }
	        
	        #movie #Rmovie h3
	        {
	            margin:0px;
	             font-size:1rem;
	        }
	        
	        #movie #Rmovie p
	        {
	             line-height:23px;
	              margin-top:5px;
	               font-size:0.8625rem;
	        }
	        
	        #movie #Rmovie .link
	        {
	             display:inline-block;
	              background-color:#ffc100;
	               color:#000;
	                padding:5px 40px;
	                 margin:0px 0 5px 0; border-radius:10px;
	            }
	            
	            #movie #Rmovie .line2
	        {
	             margin-bottom:25px;
	             border-top:1px solid #B1B1B1; 
	            }
	            
	            #movie #Rmovie #s_video  {  text-align:center;}

                   #s_video .trackimg{height:80px;}
	            
	            #movie #Rmovie #s_video img
	            {
	                display:inline-block;
	                 margin:0 1px;
	                }
					
	                
	            /*園區地圖樣式*/
	            #map
	            {
	                  margin:20px auto 40px auto;
	                 width:1219px;
	     height:368px;
	         position:relative;
	          overflow:hidden;
	          background-repeat: no-repeat;
    background-size:cover;
	                }
	                
	                #map .a
	{
	     position:absolute;
	      left:0px;
	       bottom:0px;
	     text-align:center;
	      width:1214px;
	      height:46px;
	       line-height:46px;
	      background-color:rgba(255,255,255,0.2);
	       color:#FFFFFF;
	        font-weight:bold;
	         
	}
	
	#map .b
	{
	   position:absolute;
	      left:0px;
	       bottom:0px;
	      width:1214px;
	      height:368px; 
	      color:#000000;
          line-height:368px;
           font-weight:bold;
            text-align:center;
             display:none;
              font-size:1.125rem;
              z-index:3;
              text-shadow: 0 1px 1px hsla(0,0%,100%,.6);
	}
	
	#map .c::before 
	{
	    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: -30px;
    z-index: -1;
    -webkit-filter: blur(20px);  
        -moz-filter: blur(20px);
        -ms-filter: blur(20px);    
        filter: blur(20px);
    background-image: url('../img/index_map.jpg');
    background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        /*background-blend-mode:hard-light;*/
	    }
	
	#map .c
	{
	    width:100%;
	     height: 368px;
	    display:none;
	    position: relative;
	    z-index:2;
	    
	    /*
	     
    background: hsla(255,255%,255%,0.6) border-box;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
 0 .5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0,0%,100%,.3);
        */
        
	}
	
	#map .c.mixed
	{
	    background-blend-mode:hard-light;
	}
	
	                
	                /*海洋動畫樣式*/
	#sea
	{
	    position:relative;
	    width:100%;
	      height:130px;/*25*/
	       overflow:hidden;
	    /*
	     width:100%;
	      height:25px;
	      background-image: url('../img/icon_sea.png');
    background-repeat: no-repeat;
    background-size:cover;
     position:relative;*/
	    }
	    
	    /*燈塔*/
	    #sea .a
	    {
	        width: 63px;
                height: 113px;
                
	         bottom:9px;
	         left:50%;
	          margin-left:-31.5px;
	        position:absolute;
	        z-index:1;
	        /*
	        -webkit-perspective: 300px;
                -moz-perspective: 300px;
                -ms-perspective: 300px;
                perspective: 300px;
                perspective-origin: center bottom;
                -webkit-perspective-origin: 50% 50%; 
	        */
	        }
	        
	        #sea .a img
	    {
	        /*
	         transform: rotateX(-90deg);
                -webkit-transform: rotateX(-90deg); 
                transform-origin: center bottom;
                -ms-transform-origin: center bottom; 
                -webkit-transform-origin: center bottom; 
                -moz-transform-origin: center bottom; 
                -o-transform-origin: center bottom; 
*/
	    }
	        
	        /*船*/
	        #sea .b
	        {
	            position:absolute;
	            bottom:7px;
	         left:50%;
	          margin-left:-330px;
	          z-index:1;
	          -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
	          
	            }
	            
	            /*船*/
	             #sea .c
	        {
	            position:absolute;
	            bottom:3px;
	         left:50%;
	          margin-left:-185px;
	          z-index:1;
	          -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
	            }
	            
	            /*船*/
	             #sea .d
	        {
	            position:absolute;
	             bottom:1px;
	         left:50%;
	          margin-left:91px;
	          z-index:1;
	          -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	            }
	            
	            /*船*/
	             #sea .e
	        {
	            position:absolute;
	            bottom:5px;
	         left:50%;
	          margin-left:260px;
	          z-index:1;
	          -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	            }
	            
	           
	            
	            /*鳥*/
	            #sea .f
	        {
	            position:absolute;
	            bottom:53px;
	         left:50%;
	          margin-left:-143px;
	          z-index:1;
	            }
	            
	            /*鳥*/
	            #sea .g
	        {
	            position:absolute;
	            bottom:78px;
	         left:50%;
	          margin-left:-86px;
	          z-index:1;
	            }
	            
	            /*鳥*/
	            #sea .h
	        {
	            position:absolute;
	            bottom:50px;
	         left:50%;
	          margin-left:182px;
	          z-index:1;
	            }
	            
	            /*海浪*/
	    #sea .i
	    {
	        position:absolute;
	        bottom:-29px;
	        left:50%;
	        margin-left:-1920px;
	        z-index:2;
	    }
	     #sea .j
	        {
	            position:absolute;
	             bottom:1px;
	         left:80%;
	          margin-left:91px;
	          z-index:1;
	          -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	            }
	            
	            /*船*/
	             #sea .k
	        {
	            position:absolute;
	            bottom:5px;
	         left:60%;
	          margin-left:260px;
	          z-index:1;
	          -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	            }
				   /*船*/
	        #sea .l
	        {
	            position:absolute;
	            bottom:7px;
	         left:10%;
	          margin-left:-330px;
	          z-index:1;
	          -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
	          
	            }
	            
	            /*船*/
	             #sea .m
	        {
	            position:absolute;
	            bottom:3px;
	         left:25%;
	          margin-left:-185px;
	          z-index:1;
	          -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
	            }
				
				
				
				
				
	         /*頁尾樣式*/
	    #footer
	        {
	             width:100%;
	             background-color:#179bbb;
	              padding-bottom:30px;
	            }
	            
	           #footer .a
	           {
	               position:relative;
 text-align:center;
	               }
	               
	               /*壓線樣式*/
	    .index-line
	    {
	         width:100%;
	         position:absolute;
	          top:68px;
	       border-top:1px solid #016782;
	        border-bottom:1px solid #21b0d7;
	        }  
	        
	        #footer2
	        {
	            width:100%;
	             background-color:#000000;
	              float:left;
	            }
	        
	        #footer2 .a
	           {
	               width:1220px;
	                padding-top:43px;
	                margin:0 auto;
	           }  
	               
	               #footer2 .a1
	           {
	                width:12%;
	                margin-top:10px;
	                float:left;
	                margin-right:20px;
	           }
	           
	           #footer2 .a2
	           {
	               width:80%;
	               color:#FFFFFF;
	               float:left;
	               margin-top:0px;
	               margin-bottom:34px;
	               font-size:90%;
	               line-height:23px;
	           }
	           
	           #footer2 .a2 .a2_a
	           {
	                width:90%;
	                float:left;
	               /*margin-right:40px;*/
	             
	           }
	           
	           #footer2 .a2 .a2_a a
	           {
	              font-size:100%; 
	           }
	           
	           #footer2 .a2 .a2_b
	           {
	                width:87px;
	                float:left;
	                margin-top:40px;
	           }
	           
	           
	           #footer2 .a2 .sp
	           {
	              margin:0 7px;  
	           }
	           
	           
	           #footer2 a
	           {
	                color:#FFFFFF;
	               }
			 #footer2 a:hover
	           {
	                color:#aaaaaa;
	               }	
	                  
	           /*行事曆*/
	          
	           #calendar_date
	           {
	                width:845px;
	                text-align:center;
	                  color:#000000;
	                  font-weight:bold;
	                   margin-top:42px;
	                   margin-bottom:40px;
	               }
	               
	               #calendar_date h1
	           {
	                font-size:1.5625rem;
	                 margin:0px 0 10px 0;
	                  
	           }
	           
	           #calendar_date .sp
	           {
	                margin:0 5px;
	               }
	           
	           #event_box1,#event_box2
	           {
	               float:left;
	               margin-top:41px;
	               }
	               
	               .close
	               {
	                    display:none;
	                   }
	           
	           .event1
	           {
	                 width:835px;
	                 float:left;
	                  margin-bottom:40px;
	               }
	               
	               .event1 .event_a
	               {
	                    float:left;
	                   }
	                   
	                   .event1 .event_b
	               {
	                   width:565px;
	                    float:left;
	                         padding:10px 0 0 18px;
    line-height: 20px;
	                   }
	                   
	                   .event_b h1 {
    margin: 0px;
    font-size:1.25rem;
}

.event_b .line {
    border-top: 1px solid #CCCCCC;
    margin: 14px 0;
}

.event_b .time,.event_b .addr {
    margin-bottom: 10px;
}

.event_b .addr {
    margin-top: 15px;
}

.event_b .time img,.event_b .addr img {
    float: left;
    margin-top: -5px;
    margin-right: 5px;
}


.event2
	           {
	                width:835px;
	                 float:left;
	                  margin-bottom:15px;
	               }
	               
	               .event2 .event_a
	               {
	                    float:left;
	                   }
	                   
	                   .event2 .event_b
	               {
	                   width:565px;
	                    float:left;
	                         padding:0px 0 0 34px;
    line-height: 25px;
	                   }
	                   
	                   .event2 .event_b h1 {
    margin: 0px;
    font-size:0.9375rem;
}
.event2 .event_b h1:before{content: " ►    ";}
/*.event2 .event_b a{ color:#000;}*/	           
	           
	           .calendar_category
	        {
	             width:100%;
	              float:left;
	               display:block;
	                  text-align:left;
	            }
	            
	            .calendar_category a
	        {
	             background-color:#01A2D0;
	              display:inline-block;
	               color:#FFFFFF;
	                padding:5px 13px;
	                 text-align:right;
	                  margin-right:1px;
	        }
	        
	        .calendar_category a:hover
	        {
	            background-color:#434343;
	            transition: background 0.5s ease;
	        }
	        
	        .calendar_category a.active
	        {
	            background-color:#434343;
	        }
	           /*相關連結*/
	           #web_link
	           {
	                width:860px;
	                 margin:0 auto;
	               }
	               
	               #web_link a
	           {
	              
	              margin:0 5px 10px 5px;
	           }
	               
	               
	           /*網站導覽*/
	           #sitemap
	           {
	                width:100%;
	               }
	               
	               #sitemap .sitemap_a
	               {
	                    width:45%;
	                     float:left;
	                      margin-right:1px; min-height:650px;  margin-bottom:20px;
	                   }
	                   
	                   .clear
	                   {
	                        clear:both;
	                       }
	               
	               #sitemap .sitemap_a h1
	           {
	                background-color:#004077;
	                 color:#FFFFFF;
	                  font-size:1rem;
	                   font-weight: bold;
	                    padding:10px;
	                     margin:0px 0;
	           }
	           
	            #sitemap .sitemap_a ol{
					width:100%;
				font-size:0.9375rem;
				padding-left:10px;
				line-height:40px;
				list-style:none;font-weight: bold;
				
					}
			
			#sitemap ol ul
			{
			      padding-left:0px;
			      list-style-type:none;
				  content: ""; line-height:140%;
			}

			#sitemap ul li 
			{ 
			padding-left:10px;font-weight:normal; 
			 display:inline-block;/*width:20%; */line-height:120%;
		}
			#sitemap ul li ul li 
						{
						padding-left:8x;
						display:inline-block;
					}


			
	               
	               
	               
	           /*其他樣式*/
	           #header,#sea,#footer
    {
         display:block;
        }
        
	           #m_header,#m_sea,#m_footer
	           {
	               display:none;
	               }
	               
	               
	               .p_table_row
	               {
	                    display:table-row;
	                   }
	                   
	                   .m_table_row
	               {
	                    display:none;
	                   }
	                   
	                   #banner
	                   {
	                        display:block;
	                       }
	                       
	                       #banner2
	                   {
	                        display:none;
	                       }
	                       
	                       #banner3
	                   {
	                        display:none;
	                       }
	                  
	               
           
	               /*       
	           .pc_block
{
     display:block;
    }

.mobile_block
{
       display:none;
    }
*/
.searchbar{padding:25px 10px;border:1px solid #D5D5D5; background-color:#eee;}
.searchbar>span{ display:inline-block; margin:0 10px;}
.searchbar span span{display:inline-block;}
.searchbar span .searchwidth{ width:30%;}
.searchbar span .btn{ width:80px; height:40px;}
	            
        .searchall
	    {
	         padding:25px 28px;
	          border:1px solid #D5D5D5;
	          float:left;
	           width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	           /* margin-left:23px;*/
	            margin-bottom:15px;
	        }
	        
	        /*Div Hover 效果*/
 .searchall_effects {
width: 96%; margin-left:2%;
  position: relative;
  display: block;
  /*width: 370px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.searchall_effects::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.searchall_effects:hover {
  -webkit-transform: scale(1.01, 1.01);
  transform: scale(1.01,1.01);
}

.searchall_effects:hover::after {
    opacity: 1;
}
/*Div Hover 效果 End*/
	        
	            .searchall:last-child
	            {
	                 margin-bottom:0px;
	                }
	        
	        .searchall .searchall_a
	    {
	         width:150px;/*width:148px;width:17.9%;*/
	          margin-right:40px;
	           float:left;
	    }
	    
	    .searchall2 .searchall_a img
	    {
	    border:1px solid #D7D7D7;
	             padding:5px;
	    }
	    .searchall .searchall2_b
	    {
	        width:601px;/*width:656px;width:79.5%;*/
	        float:left;
	    }
	    
		 .searchall a.more
	    {
	        background-color: #757575;
			display: block;
			font-size: xx-small;
			color: #FFFFFF;
			padding: 0px 5px;
			border-radius: 5px;
			text-align: center;
			vertical-align: middle;
			float: right;
	    }
		 .searchall a.more:hover
	    {
	        background-color: #888;

	    }
	    .searchall a.link_1
	    {
	    color:#000000;
	     font-size:1.25rem;
	    }
	    
	    .searchall a.link_2
	    {
	        color:#000000;
	        font-size:xx-small;
	         margin-bottom:10px;
	        }
	    
	    .searchall a.link_1:hover
	    {
	         color:#004077;
	    }
	    
	    .searchall a.link_2:hover
	    {
	         color:#888888;
	    }
	    
	    .searchall .searchall_c
	    {
	          display:inline-block;
	          float:right;
	          margin-top:-5px;
	        }
	        
	        
	        .searchall .searchall_c img
	        {
	             margin-right:10px;
	             vertical-align:bottom;
	            }
	    
	    .searchall .searchall_b h1
	    {
	         font-size:1.25rem;
	         margin:0px 0 10px 0;
	          color:#000000;
	        }
	        
	        .searchall .searchall_b p
	    {
	        margin:20px 0 0 0;
	         line-height:25px;
	         color:#000000;
	    }
	    
	    
	    
	    .searchall .searchall_b .line
	    {
	         border-top:1px solid #CDCDCD;
	          float:left;
	           width:100%;
	        }	
	
/*20170120 patty+*/
 /*《潮境》電子專刊圖文列表樣式1*/
 #page_content .FMimg{ width:140px;}/*潮境LOGO*/
 /*期數Journal*/
 #page_content .Journal{ float:right;width:650px; height:59px; text-align: left; overflow:auto;}
 #page_content .Journal a{ display:inline-block;font-size:1rem; padding:3px 8px; text-align:center; width:100px; background-color:#FFF; color:#000; border:1px solid #F90;}
 #page_content .Journal a:hover, #page_content .Journal a.on{ background-color:#F90; color:#FFF;}


#page_content .FM01,#page_content .FM02, #page_content .FM03{width:100%;  margin-bottom:30px;border-top:2px dotted #CCCCCC; clear:both;}
#page_content .FM01 h1{ font-size:1.5rem; color:#146bba;}
#page_content .FM02 h1{ font-size:1.5rem; color: #146bba;}
#page_content .FM03 h1{ font-size:1.5rem; color: #146bba;}
  /*標題1*/
 #page_content .FMfirst{width:100%; margin-bottom:30px;}
 #page_content .FMfirst h1{width:100%; font-size:1.5rem;}
#page_content .FMlist a.FMmore{ text-decoration: none; color: #333; display:block; border:1px solid #333; width:70px; padding:3px; text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
#page_content .list .a {margin-top:0;} 
	    #page_content .FMlist
	    {    margin-bottom:20px; 
	         float: none;
	          width:100%;
			  clear:both;/*p*/
			  height:auto;/*p*/
			  min-height:200px;/*p*/
			  clear:both;
			  overflow:hidden;word-wrap:break-word;word-break:break-all;
			 
	        }
	 
	 #page_content .FMlist .a
	    {
	        float:left;
	         width:300px;
	          margin-right:36px;
			  height:auto;/*p*/
			overflow:hidden;/*p*/
			margin-top:0;
	        }
	        
	       #page_content .FMlist .b
	    {
	        float:left;
	        width:570px;
			height:auto;/*p*/
			overflow:hidden;/*p*/
			
	        }
	        
	     #page_content .FMlist h1
	    {
	         font-size:1.125rem;
	          color:#000;
			  line-height:120%;/*p*/
	           margin:0px;/*p*/
				padding:0;/*p*/
				
	    }
	    
	    #page_content .FMlist .line
	    {
	          border-top:1px solid #CCCCCC;
			  width:100%;
	    }
	    
	    #page_content .FMlist p
	    {
	        margin-top:5px;
	        font-size:0.9375rem;
	    }				            				            
		
/*產品列表*/
.dt-box{ text-align:right;}
.dt-nav{ display:inline-block; padding:5px 20px; background-color:#000; color:#FFF; margin:3px; border-radius:15px;}
.dt-box  .on{background-color: #F60; }
/*圖文列表*/
.dt-list{width:100%; height:auto; margin:0 auto; padding:20px 0px;text-decoration:none; clear:both;}
.dt-list .listbox{width:22.5%; height:auto; /*float:left; */ display:inline-block;padding:10px;border:0px solid #CCC;}

.dt-list .listbox .imgbox{width:100%;height:0; padding-bottom:100%; overflow:hidden; margin-bottom:10px;background:#eee url(../frontimages/nopicture.png) no-repeat center center;}
.dt-list .listbox .imgbox img{width:100%;height: auto;}
.dt-list .listbox .textbox{width:100%;height:auto;}
.dt-list .listbox .textbox .title01{width:100%;height:auto; color:#000; font-size:110%;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-decoration:none;}
.dt-list .listbox .textbox p{ font-size:90%; line-height:150%; color:#333; margin-bottom:10px; display:block; width:100%; height:40px;overflow:hidden;}
.dt-list .listbox .btn_more{ background-color:#ea68a2; color:#FFF;font-size:90%; font-weight:bold; padding:5px 12px 7px 12px; text-align:center; border:0; border-radius:15px; cursor:pointer;}
.dt-list .listbox a{ text-decoration:none; display:block;}
/*產品內頁*/
.dt_content{width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:1%;}
.dt_content .ductinfo{width:100%; height:auto; margin:0 auto;overflow:hidden;}
.dt_content .otherduct{width:100%; height:auto; margin:0 auto;overflow:hidden;margin-top:1%;}
.dt_content .infofront{width:100%; height:auto; margin:0 auto;overflow:hidden;margin-top:2%;}


.dt_content .ductinfo .product{ width:100%; height:auto; padding:15px 15px 20px 2px; border:0px solid #999; margin-bottom:10px; overflow:hidden;}
.dt_content .ductinfo .product .photo{float:left;width:50%; height: auto; margin-right:20px; position:relative;} 
.dt_content .ductinfo .product .photo .photobox{overflow:hidden; width:100%; height: 0; padding-bottom:100%; margin-right:15px;background:#eee url(../frontimages/nopicture.png) no-repeat center center; 
background-size:50% auto;/*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);*/ border:1px solid #FFF; margin-bottom:2px;}
.dt_content .ductinfo .product .photo .photobox img{max-width:100%;width:100%; height:auto;}
.dt_content .ductinfo .product .photo .photobox:nth-child(2),
.dt_content .ductinfo .product .photo .photobox:nth-child(3),
.dt_content .ductinfo .product .photo .photobox:nth-child(4){float:left;width:30.5%; height: auto; margin-right:0px; margin-top:8px;}
.dt_content .ductinfo .product .photo .photobox:nth-child(2),
.dt_content .ductinfo .product .photo .photobox:nth-child(3){margin-right:9px;}
.dt_content .ductinfo .product .photo .jcarousel-control-prev {
	background: rgb(78, 68, 60,1); font: 24px/27px Arial, sans-serif; border-radius: 30px; top: 50%; width: 30px; height: 30px; text-align: center; color: rgb(255, 255, 255); text-decoration: none; margin-top: -15px; position: absolute; font-size-adjust: none; font-stretch: normal; box-shadow: 0px 0px 4px #f0efe7; text-shadow: 0px 0px 1px #000; -webkit-border-radius: 30px; -moz-border-radius: 30px; -webkit-box-shadow: 0 0 4px #F0EFE7; -moz-box-shadow: 0 0 4px #F0EFE7;}
.dt_content .ductinfo .product .photo .jcarousel-control-next {
	background: rgb(78, 68, 60,1); font: 24px/27px Arial, sans-serif; border-radius: 30px; top: 50%; width: 30px; height: 30px; text-align: center; color: rgb(255, 255, 255); text-decoration: none; margin-top: -15px; position: absolute; font-size-adjust: none; font-stretch: normal; box-shadow: 0px 0px 4px #f0efe7; text-shadow: 0px 0px 1px #000; -webkit-border-radius: 30px; -moz-border-radius: 30px; -webkit-box-shadow: 0 0 4px #F0EFE7; -moz-box-shadow: 0 0 4px #F0EFE7;}
.dt_content .ductinfo .product .photo .jcarousel-control-prev {left: 15px;}
.dt_content .ductinfo .product .photo .jcarousel-control-next {right: 15px;}

.dt_content .ductinfo .product .text {width:45%;float:left;margin:0 auto; overflow:hidden; padding:10px;font-size:100%;}
.dt_content .ductinfo .product .text>i{ font-style:normal;padding:5px 20px; background-color:#000; color:#FFF; margin:3px; border-radius:15px;}
.dt_content .ductinfo .product .text h2{font-size:1.25rem;line-height:110%;color:#000;}
.dt_content .ductinfo .product .text p{ font-size:0.9375rem;color:#666767;line-height:100%;}
.dt_content .ductinfo .product .text .price{width:100%;height:auto;display:inline-block;font-size:1.125rem;}
.dt_content .ductinfo .product .text .price .nb01{display:inline-block; margin:0 10px; color:#000;}
.dt_content .ductinfo .product .text .price .nb02{display:inline-block; margin:0 0px;color:#b7292d;font-size:1.25rem;}
.dt_content .ductinfo .product .text .price .nb02>i{ font-style:normal; color: rgba(204,0,0,0.7); margin-right:5px;font-size:1.1875rem;}
.dt_content .ductinfo .product .text .price .money01{ margin-right:20px;text-decoration: none;font-size:1.125rem;}
.dt_content .ductinfo .product .text .price .money02{ margin-right:20px;text-decoration:line-through;font-size:1.125rem;}
.dt_content .ductinfo .product .text .shopword{ display:inline-block;width:100%;height: auto; padding-top:20px;margin-top:18px; font-size:0.9375rem; color:#666767; line-height:25px;border-top:1px dashed #d3d3d3;}
.dt_content .otherduct .title{ border-bottom:1px solid #dcdcdc;padding-bottom:14px; }
.dt_content .otherduct .title span{ font-size:120%; float:left;background-color:#FFF; line-height:50px; color:#8c8c8c; padding-right:20px; margin-top:-10px;margin-bottom:10px; font-weight:normal;}
.dt_content .infofront .title{ border-bottom:1px solid #dcdcdc;}
.dt_content .infofront .title span{ float:left;background-color:#FFF; color:#8c8c8c; padding-right:20px; margin-top:-10px;margin-bottom:10px; font-weight:normal;}
.dt_content .infofront p{ padding:10px 0;}


.btn_buycar a{ width: auto; height:auto; text-align:center; border:0; color:#FFFFFF; padding:5px 20px;font-size:100%; margin-right:5px; border-radius:6px;background:#272727;}
.btn_buycar a:hover{background:#272727;color:#FFFFFF; text-decoration:none;}

/*內頁上方選單*/
/*.page_menu{ width:100%; margin:0 auto;border:0px solid #CCC;border-radius:0px 0 15px 15px;padding:2px 2px; margin-bottom:1%; line-height:130%; background-color: transparent; font-size:110%; }
.page_menu .page_menu2{border:0px solid #CCC;padding:1% 1%; background-color: transparent; color: #000; }
.page_menu .page_menu2 a{ display:inline-block; padding:5px 10px;background-color:#eee; color: #000; border-radius:0px;margin-right:1px;}
.page_menu .page_menu2 a:hover{ background-color:#000;color: #FFF; border-radius:0px;}
.page_menu .page_menu2 a.on{ background-color:#005bac;color: #FFF;border-radius:0px;}*/
.column_mainbox li{word-break: break-strict;}