/*框架樣式*/
/*首頁樣式*/
/*m_header 樣式*/
/*A版樣式*/ 
/*I版樣式*/
/*E版樣式*/
/*C版樣式*/
/*D版樣式*/
/*J版樣式*/
/*K版樣式*/
/*頁首樣式*/
/*頁面樣式*/
/*九宮格樣式*/
/*九宮格樣式2*/
/*影片區樣式*/
/*園區地圖樣式*/
/*海洋動畫樣式*/
/*壓線樣式*/
/*頁尾樣式*/
/*頁尾選單樣式*/
/*相關連結*/
/*其他樣式*/
/*網站導覽*/
/***********************************/
/************** 框架樣式 **************/
#page
{
     width:100%;
    }

#header .aa
{
     width:auto;
    }
    
    #header .ba
    {
       width:auto; 
        }
        
        #header .c
        {
            width:auto;
            }
        
        #header .c1
        {
            width:90%;
             margin:0 auto;
            }
            
           
        
        #content
        {
            width:95%;
              padding:0px;
            }
            
            #page_content
            {
                 width:auto;
                }
            
            #page_content .d .da
            {
                 width:18%;
                }
                
                
                
                #page_content .d .db
            {
                 width:79%;margin:auto;overflow: auto;overflow-y: hidden; padding:10px 10px;
                }
#page_content .b .b {
float:left;
font-size:1.25rem;
width:30%;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;}
 
#page_content .db .dbright{  width:100%;display:block;font-size:60%; font-weight:normal; vertical-align:middle; text-align:left; float: none; margin-top:5px;}
		#page_content .db .dbright a img{  vertical-align:middle;} 
                
               #footer
               {
                   width:auto;
                   }
                   
                   #footer2
                   {
                       }
                       
                       #footer2 .a
                       {
                          width:92%;
						  display:table;
						  margin:auto;
                           }
                           
                           #footer2 .a1
                           {
                             margin-right:20px;
                               }
                               
                               #footer2 .a2
                               {
                                  width:660px;
                                   }
                                   
                                   #footer2 .a2 .a2_a
                                   {
                                       width:100%;
                                       }
                                   
                                   #footer2 .a2 .a2_b
                                   {
                                       margin-top:20px;
                                       }
                                   
                                   #footer2 .a2 .a2_a a
	           {
	              font-size:0.78125rem;; 
	           }
                                       
                                       img	
{
    max-width: 100%;
	height: auto;
	}
	
	.index-line
	{
	     width:100%;
	    }
	    
	    #page_content .a
	    {
	         margin-top:25px;
	        }
	/*首頁樣式*/
	
	    
	#movie
	{
	     width:96%;
	    }
	    
	    #movie #Lmovie
	    {
	         width:62%;
	          margin-bottom:10px;
	        }
	        
	        #movie #Rmovie
	        {
	             width:376px;
	              float:left;
	            }
 #movie #Rmovie #s_video  {  text-align:center;}
#movie #Rmovie .content{height:auto;}
#s_video .trackimg{height:50px;}
	            
	/*m_header 樣式*/ 
	#m_header
	{
	     width:auto;
	     position:relative;
	    }
	    
	    #m_header .a
	{
	     /*background-color:#000000;*/
         background-color:rgba(0,0,0,1);
	     padding:8px 0px;
	     width:100%;
	     display:table;text-align: right;
	}
	
	#m_header .a .aa
	{
	    float:right;
        text-align: right;
	    }
   #m_header .a .hotS{ vertical-align:middle;text-align: right;}
   #m_header .a .hotS a{ color:#FFF;}	
	    
	    #m_header .a .aa img
	{
	     margin-right:8px;
	}
	    
	    #m_header .a .aa_a a
    {
        margin-left:1px;
    }
    
    #m_header .a .bb
    {
        float:right;
        }
        
        #m_header .a .bb a
    {
        margin:0px 6px 0 5px;
	     float:right;
    }
    
    #m_header .a .bb input[type="text"]
    {
        border: 1px solid #848484; 
    -webkit-border-radius: 30px; 
    -moz-border-radius: 30px; 
    border-radius: 30px; 
    outline:0; 
    height:20px; 
    width: 100px; 
    padding-right:10px;
    float:right;
	font-size:0.8125rem;
        }
        
        #m_header .b
        {
            /*background-color:#000000;*/
            background-color:rgba(0,0,0,0.9);
           padding:5px 2%;
	     width:100%;height:50px;
             float:left;
              z-index:100;
            }
            
            #m_header .b .aa
        {
             width:50%;
             float:left;
             position:relative;
              margin-top:-20px;
        }
        
        
        #m_header .b .aa .cc
        {
            position:absolute;
             top:0px;
              left:0px;
               z-index:1;
               opacity: 0;
            }
        
        #m_header .b .aa .cc img{ width: auto; height:30px; }
        
        #m_header .b .bb
        {
            float:right;
        }
        
        #m_header .b .bb a
        {
            background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
            }
	
	
	
                                       /*A版樣式*/ 
                                       .list2
                                       {
                                            width:90%;
                                           }
                                           
                                           .list2 .list2_a
                                           {
                                               width:17%;
                                               }
                                               
                                               .list2 .list2_b
                                               {
                                                  width:79%; 
                                                   }
                                       
                                       
                                       /*I版樣式*/
                                     /*  .gallery
                                       {
                                            width:100%;
                                           }
                                           
                                           .gallery .ga
                                           {
                                                width:30%;min-height:200px;
	             float:left;
                                               }
                                               
                                               .gallery .ga img
                                           {
                                                width:100%;
                                           }
                                               
                                               .gallery .ga:nth-child(odd)
                                               {
                                                   margin-right:1%;
                                                   }*/
			.gallery
        {
           width:100%;
            }
            
            .gallery .ga:nth-child(odd) 
            {
                 margin-right:0px;
            }
            
            .gallery .ga 
            {
                 width:40%; height:auto
                  margin:20px auto;
                   padding:2%; margin-left:30px;
            }
            .gallery .gaimg{width:100%; height: auto; overflow:hidden;}
			.gallery .gaimg img{ width:100%;height: auto ;}
			.gallery .ga img{ width:100%;height:auto; }
           
												   
                                       /*E版樣式*/
                                       #page_content .list .a
                                       {
                                            width:33%;
                                           }
                                           
                                           #page_content .list .b
                                           {
                                               width:60%;
                                               }
                                              
                                              
                                              /*C版樣式*/ 
                                               .table_css2
                                               {
                                                    width:100%;
                                                   }
                                                   /*D版樣式*/ 
                                               .download2
                                               {
                                                      width:87%;
                                                   }
                                                   
                                                   .download2 .download2_a
                                                   {
                                                       width:15%;
                                                       }
                                                       
                                                       .download2 .download2_b
                                                       {
                                                          width:76%; 
                                                           }
                                               /*J版樣式*/
                                       .gallery2
                                       {
                                            width:100%;
                                           /* margin: 0 0 0 5px;*/
                                           }
                                           
                                           .gallery2 .ga2
                                           {
                                                width:90%;
                                                 padding:10px;
                                               }
                                               
                                               .gallery2 .ga2_a
                                               {
                                                  width:40%; min-height:150px;
                                                   }
                                                   
                                                   .gallery2 .ga2_b
                                                   {
                                                        width:50%;
                                                       }
                                                       
                                                      
                                                       
                                                       .gallery2 .ga2:nth-child(odd)
                                                       {
                                                           margin-right:10px;
                                                           }
                                       /*K版樣式*/
                                       .k_member
                                       {
                                            width:100%;
                                           }
                                           
                                           
                                           .k_member .k_a
                                           {
                                               width:25%;
                                               margin: 0 4%;
                                                padding:20px 0px;
                                               }
                                               
                                               .k_member .k_a .k_b
                                               {
                                                   width: 100%;
                                                   }
                                               
                                              
                                       
    
    /*九宮格樣式*/
    #nine
	    {
	       width:100%;
	       margin:70px auto 0 auto;
	       float:inherit;
	    }
	    
    #nine .box:nth-child(1) .a
    {
        width:auto;
        height:166px;
        }
        
        #nine .box:nth-child(1) .a .line
        {
            width:90%;
            }
    
    #nine .box:nth-child(1) .b div 
{
     width:32%;
     padding-top:15px;
      height:65px;
       line-height:13px;
}

#nine .box:nth-child(1) .b div img
{
     width:30px
    }

#nine .box:nth-child(1) .b div:nth-child(2)
{
     margin:0 0.5%;
}

#nine .box
{
    width:48%;
    margin:0 1% 45px 1%;
    }
    
    #nine .box:nth-child(1n+2) .a
	{
	    width:100%;
	}
	
	#nine .box:nth-child(1n+2) .b
	{
	    width:100%;
	}
	
	/*九宮格樣式2*/
    #nine2
	    {
	       width:90%;
	       margin:70px auto 0 auto;
	       float:inherit;
	    }
	    
   

#nine2 .box
{
    width:48%;
    margin:0 1% 45px 1%;
    }
    
    #nine2 .box .a
	{
	    width:100%;
	}
	
	#nine2 .box .b
	{
	    width:100%;
	}
	
    /*影片區樣式*/
    #movie
{
    width:98%;
    }
    
    #movie #Lmovie 
    {
        width: 100%;
         margin:0 auto 10px auto;
    }
    
    #movie #Rmovie 
    {
        width:100%;
         height:auto;
        padding: 18px 2% 60px 2%;
         margin-top:10px;
          margin-bottom:10px;
    }
    
 
/*園區地圖樣式*/   
    #map 
    {
         width:98%;
          height:368px;
    }
    
    #map .a 
    {
        width: 100%;
    }
    
    #map .b
	{
	     width:100%;
		 
	}
    
/*海洋動畫樣式*/
#sea 
{
     margin-bottom:-1px;
}

#sea .i
{
     width:3840px;
    }
    
#sea .i img
	    {
	         width:100%;
	    }

/*頁尾樣式*/

#m_footer
	        {
	             background-color:#179bbb;
	               padding:20px 0px 5px 0px; 
	            }
	            
	            
	            /*壓線樣式*/
.index-line2
	    {
	        width:100%;  
	       border-top:1px solid #016782;
	        border-bottom:1px solid #21b0d7;
	         margin:23px 0px 0px 0px;
	          position:absolute;
	          top:30px;
	           left:0px;
	    }

#header .a,#header .b,#header .c,#m_sea,#footer
{
     display:none;
    }
    
    #sea,#m_header,#m_footer
    {
        
         display:block;
        }
        
        /*相關連結*/
        #web_link
{
     width:98%;
}

#web_link a
	           {
	              
	              margin:0 20px 10px 20px;
	           }
	           /*其他樣式*/
#banner
	                   {
	                        display:none;
	                       }
	                       
	                       #banner2
	                   {
	                        display:block;
	                       }
	                       
	                       #banner3
	                   {
	                        display:none;
	                       }
	                       
	           /*網站導覽*/
	           #sitemap
	           {
	                width:560px;
	               }
	               
	               #sitemap .sitemap_a
	               {
	                    width:250px;
	                     float:left;
	                      margin-right:20px;
	                   }
	                   
	                   .clear
	                   {
	                        clear:none;
	                       }
/*searchall樣式*/ 
.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: 70%;}
          .searchall
               {
                    width:100%;
					margin-left:0px;
                }
                                           
            .searchall .searchall_a
                  {
                     width:17%;
                   }
                                               
            .searchall .searchall_b
                  {
                     
                   }
                                       
/*20170120 patty+*/
 /*《潮境》電子專刊圖文列表樣式1*/
#page_content .FMimg{ width:130px;}/*潮境LOGO*/
 /*期數Journal*/
#page_content .Journal{ float: none;width:100%; height:58px; text-align:left; overflow:auto;}
 #page_content .Journal a{ display:inline-block;font-size:1rem; padding:3px 8px; text-align:center; width: 10%; 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 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#page_content .FMlist .a{ width:33%; }
#page_content .FMlist .b{width:60%; }          

/*產品列表*/
.dt-box{ text-align:left;}
.dt-nav{ display:inline-block;padding:5px 10px; background-color:#000; color:#FFF; margin:1px; border-radius:10px;}
/*圖文列表*/
.dt-list{width:100%; height:auto; margin:0 auto; padding:10px 0px; clear:both;}
.dt-list .listbox{width:29%; height:auto; float:left; padding:10px;border:0px solid #CCC;}
.dt-list .listbox a{ text-decoration:none;}
.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; background-size:80% auto;}
.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_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:10px 10px 15px 2px; border:0px solid #999; margin-bottom:10px; overflow:hidden;}
.dt_content .ductinfo .product .photo{float:left;width:45%; 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:#FFF 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 #CCC;}
.dt_content .ductinfo .product .photo .photobox img{max-width:100%;width:100%; height:auto;}
.dt_content .ductinfo .product .text {width:46%;float:left;margin:0 auto;padding:10px;}
.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:block;width:100%;height: auto; padding-top:20px;margin-top:18px; font-size:0.9375rem; color:#666767; line-height:120%;border-top:1px dashed #d3d3d3;}
.dt_content .otherduct .title,
.dt_content .infofront .title{ border-bottom:1px solid #dcdcdc;}
.dt_content .otherduct .title span,
.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;}
.dt_content .infofront ul{ clear:both;}
.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;}
.column_mainbox{word-break: break-strict;}