﻿html {
        height:100%;
} 
body {
        height:100%;
        margin:0px;
		background-color:#aedbf0;
		background-position:top;
		background-repeat:repeat-x;
		background-image:url(../images/bk.jpg);
        font-family: Verdana, Arial, Helvetica, 微軟正黑體, sans-serif;
    }
	
    a:link {
	    text-decoration: none;
    }
    a:visited {
	    text-decoration: none;
    }
    a:hover {
	    text-decoration: none;
    }
    a:active {
	    text-decoration: none;
    }
	
	.line{
		height:2px; 
		display:block;
		background-color:#156794; 	
		}
    .Main {
		position:relative;
        width:900px;
        background-color:#e2f2fa;
        margin:0 auto;
        -moz-box-shadow: 0 0 3px 1px rgba(20%,20%,40%,0.3);      /* for FF || 水平位移、垂直位移、擴散度、顏色 */
        -webkit-box-shadow: 0 0 3px 1px rgba(20%,20%,40%,0.3);   /* Google Chrome 有效 */
        box-shadow: 0 0 3px 1px rgba(20%,20%,40%,0.3);
        /* For IE 8 || Strength=陰影範圍、Direction=陰影發散角度(上為零度) */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333)";
        /* For IE 5.5 - 7 || IE 8(標準模式) 也有效 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');
    }
	
	.header_hot {
		display:block;
		overflow:hidden;
		margin:0 auto 0 auto;
		border-top:0 solid #156794;
    }
	
	.header_hot_box {
		width:900px;
		display:block;
		overflow:hidden;
		position:relative;
		margin:0 auto 0 auto;
		border-top:0 solid #156794;
    }	
	
	.header_hot_box ul.website {
		margin:0;
		right:0;
		bottom:0;
		float:right;
		display:block;
		position:absolute;
		padding:6px 0 6px 10px;
		background-color:#156794;
		
	    -moz-box-shadow: 0 0 3px 1px rgba(20%,20%,40%,0.3);      /* for FF || 水平位移、垂直位移、擴散度、顏色 */
        -webkit-box-shadow: 0 0 3px 1px rgba(20%,20%,40%,0.3);   /* Google Chrome 有效 */
        box-shadow: 0 0 3px 1px rgba(20%,20%,40%,0.3);
        /* For IE 8 || Strength=陰影範圍、Direction=陰影發散角度(上為零度) */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333)";
        /* For IE 5.5 - 7 || IE 8(標準模式) 也有效 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');

    }
	
	.header_hot_box ul.website li{
		float:left;
		color:#FFFFFF;
		display:block;
		font-size:0.9em;
		line-height:20px;
		padding: 0 10px 0 0;
    }
	
	.header_hot_box ul.website li img{
		float:left;
		margin-right:5px;
    }
	
	.header_hot_box ul.website li a{
		color:#FFFFFF;
    }
	
	.header_hot_box ul.website li a:hover{
		color:#e8f5ff;
    }
	
	.header_hot_box .logo {
		float:left;
		display:block;
		color:#FFFFFF;
		font-size:1.3em;
		padding:20px 15px 10px 0;
    }
	
	.header_hot_box .logo a{
		color:#FFFFFF;
		display:block;
		line-height:54px;
		text-decoration:none;
    }
	
	.header_hot_box .logo a:hover{
		color:#e7f4ff;
		text-decoration:none;
    }
	
	.header_hot_box .logo a img{
		float:left;
		width:auto;
		height:40px;
		margin-right:10px;
    }	
	
    header {
        padding:0px;
        width:900px;
        height:244px;
		display: block;
	    margin:0px auto;
		overflow:hidden;
		position: relative;
    }
	.banner {
	  position:relative;
	}
	.banner ul{
        padding:0px;
        margin:0px auto;
		list-style-type:none;
    }
	
	.banner .slides li {
		top: 0;
		left: 0;
		position: absolute;
		list-style-type:none;
	}
	
	.banner .slides li img {
		width: 100%;
		display: block;
		max-width: none;
	}
	
	.banner .slides li.active { display: block; position: relative; }
	.banner .crop li img { width: auto; }
	
	.banner .pager {
		right:10px;
		bottom:0;
		overflow:hidden;
		position:absolute;
		text-align: center;
	}
	
	.banner .pager li {
		display: inline-block;
	}
	
	.banner .pager li a,
	.banner .pager li a span {
		display: block;
		height: 12px;
		width: 12px;
	}
	
	.banner .pager li a {
		padding: 10px 6px;
	   -webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	
	.banner .pager li a span {
		overflow: hidden;
		text-indent: -9999px;
	   -webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		border-radius: 2px;
		
		background-repeat:no-repeat;
		background-position:center;
		background-image:url(../images/banner/point.png);
	
	}
	
	.banner .pager li.active a span { 	
		background-repeat:no-repeat;
		background-position:center;
		background-image:url(../images/banner/point_over.png);
	 }



	
	
    .Movie {
        /*margin:20px auto;*/
        width:600px;       
    }
    .data_list {
        margin:0px auto 15px;
        width:600px;
    }
    nav {        
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        padding: 0px;
        margin: 0px auto;
        width:900px;
         /* IE10 Consumer Preview*/
        background-image: linear-gradient(to bottom, #ffffff 0%, #c4b5a8 100%);
        /* Mozilla Firefox*/
        /* Opera*/
        /* Webkit (Safari/Chrome 10)*/
        /* Webkit (Chrome 11+) */
        /* W3C Markup, IE10 Release Preview*/
}
    .nav_button {
        cursor:pointer;
        font-size:14px;
        font-weight:bold;
        padding:5px;
        margin:0px;
        height:20px;
        width:71px;
        float:left;
        color:#0066cc;
        /* IE10 Consumer Preview*/
        background-image: linear-gradient(to bottom, #ffffff 0%, #c4b5a8 100%);
        /* Mozilla Firefox*/
        /* Opera*/
        /* Webkit (Safari/Chrome 10)*/
        /* Webkit (Chrome 11+) */
        /* W3C Markup, IE10 Release Preview*/
}
    .nav_button:hover {
        color:#333333;
        /* IE10 Consumer Preview*/
        background-image: linear-gradient(to bottom, #a68d7b 0%, #f2efec 100%);
        /* Mozilla Firefox*/
        /* Opera*/
        /* Webkit (Safari/Chrome 10)*/
        /* Webkit (Chrome 11+) */
        /* W3C Markup, IE10 Release Preview*/
}
     .nav_button_now {
        color:#333333;
        /* IE10 Consumer Preview*/
        background-image: linear-gradient(to bottom, #a68d7b 0%, #f2efec 100%);
        /* Mozilla Firefox*/
        /* Opera*/
        /* Webkit (Safari/Chrome 10)*/
        /* Webkit (Chrome 11+) */
        /* W3C Markup, IE10 Release Preview*/
}
  
  
    article {
        width:900px;
        margin:0 auto;
        padding:0px;
        border:0px;
    }
	
	
	 /*新增按鈕*/
	
	.online{
		overflow:hidden;
		margin:0;
		padding:0;
		}

	.online ul{
		float:right;
		display:block;
		margin:0;
		padding:0;
		}
		
	.online ul li{
		float:left;
		color:#FFFFFF;
		display:block;
		font-size:0.9em;
		margin:0 5px 0 0;
		border:1px solid #156794;
		background-color:#156794;
		
	
        /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
		
		
		}
	
	.online ul li a{
		display:block;
		color:#FFFFFF;
		cursor:pointer;
		padding:5px 10px;
		}
			
	.online ul li a:hover{
		color:#FFFFFF;
		}
		
	.online ul li:hover{
		color:#FFFFFF;
		border:1px solid #57b3dd;
		background-color:#0f72a7;
		
		
	
        /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
		
		}
	
	/*新增按鈕.end*/	
		
	#content{
		overflow:hidden;
		margin:15px 15px;
	}


    .left_button {
        border-bottom: 2px solid #70b4f1;
        /*text-align:center;*/
        height:24px;
        margin:0px auto;
        color:#FFFFFF;
        padding:10px 2px;
        /* IE10 Consumer Preview*/
        /*background-image: linear-gradient(to bottom, #cdbfb0 0%, #e0d9d0 100%);*/
        /* Mozilla Firefox*/
        /* Opera*/
        /* Webkit (Safari/Chrome 10)*/
        /* Webkit (Chrome 11+) */
        /* W3C Markup, IE10 Release Preview*/
        }
    .left_button:hover {
        /* IE10 Consumer Preview*/
        background-color: #5199cc;
        /*background-image: linear-gradient(to bottom, #c3b39f 0%, #e4ddd0 100%);*/
        /* Mozilla Firefox*/
        /* Opera*/
        /* Webkit (Safari/Chrome 10)*/
        /* Webkit (Chrome 11+) */
        /* W3C Markup, IE10 Release Preview*/
        }
    .left_button_now {
            /* IE10 Consumer Preview*/
            background-color:#5199cc;
            /*background-image: linear-gradient(to bottom, #c3b39f 0%, #e4ddd0 100%);*/
            /* Mozilla Firefox*/
            /* Opera*/
            /* Webkit (Safari/Chrome 10)*/
            /* Webkit (Chrome 11+) */
            /* W3C Markup, IE10 Release Preview*/
    }
    
    footer {
        width:900px;
        color:#FFFFFF;   
        margin:0px auto; 
	    background-color:#1072a7;   
    }
	
    .footer {
        font-size:12px;
        margin:0px auto;
        color:#FFFFFF;
        padding:10px 5px;
    }
	
	
	
	
	
    .left_aside {
        width:200px;
        float:left;
		margin:0 0 0 0;
	    padding:20px 0; 
	     }

    .left_aside .title {
		width:200px;
		height:50px;
		display:block;
		color:#FFFFFF;
		text-align:center;
		line-height:45px;
		background-repeat:no-repeat;
		background-image:url(../images/left_aside_title.png);
	     }
		 
	.left_table {
		width:100%;
		border:0px;
		border-collapse:collapse;
		background-repeat:repeat-y;
		background-image:url(../images/index_link_bk.png);
	    }

	.left_table td {
			display:block;
			margin:0;
			color:#207aac;
			font-size:0.9em;
			padding:5px 15px;
			}
	
	.left_table td a{
		color:#207aac;
		display:block;
		padding:5px 0 10px 0;
		border-bottom:1px dashed #ddd5ce;
		}
	
	.left_table td a:hover{
		color:#0f92db;
		}

    .left_aside .down {
		width:200px;
		height:20px;
		background-repeat:no-repeat;
		background-image:url(../images/index_link_down.png);
	}


    #article {
		display:block;
		overflow:hidden;
        margin:0px auto;
    }
	
	 
    .right_aside {
	    float:right;
		width:645px;
    }
	

	.right_aside .menu{
		display:block;
		color:#FFFFFF;
		text-align:right;
		margin:0 10px 5px auto;
	}
	
	.right_aside .menu a{
		color:#97d7f7;
		padding:6px 8px;
		font-size:0.9em;
		display:inline-block;
		background-color:#1973a5;
		
				  /* IE 修正 */
			-pie-lazy-init: true;
			behavior: url(PIE.htc);
			 
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			 
			/* 圓角效果 */
			border-radius: 4px;
			-o-border-radius: 4px;
			-ms-border-radius: 4px;
			-moz-border-radius: 4px;
			-khtml-border-radius: 4px;
			-webkit-border-radius: 4px 4px 4px 4px;
	}
	
	.right_aside .menu a:hover{
		color:#ffffff;
		background-color:#1973a5;
	}
	

	.section{
		display:block;
		margin:0 auto;
		overflow:hidden;
		position:relative;
		padding:20px 0 0 0;
	}
	
	.section .hot{
		display:block;
		margin:0 auto;
	}
	
	.section .main_box{
		display:block;
		margin:0 auto;
		padding:10px 0;
	}

	.section .down{
		display:block;
		margin:0 auto;
	}
	
	
	
	.section .text_box{
		display:block;
		margin:0 auto;
		overflow:hidden;
		padding:10px 25px;
	}
	
	.section .text_box h2{
		margin:0 0 10px 0;
		color:#1973a5;
		padding:6px 5px;
		font-size:0.9em;
		background-color:#e7f4ff;
	}
	
	
	.section .text_box ul{
		margin:0;
		padding:0;
		display:block;
	}
	
	
	.section .text_box ul li{
		width:180px;
		float:left;
		display:block;
		margin:0 16px 0 0;
	}
	
	.section .text_box ul li .pic{
		height:135px;
		display:block;
		text-align:center;
		/*background-color:#81beee;*/
	}
	
	.section .text_box ul li .text{
		color:#1973a5;
		padding:10px 0;
		font-size:0.9em;
		text-align:center;
	}
	
	.section .text_box ul.big_pic{
			
		}
		
	.section .text_box ul.big_pic li{
		width:100%;
		float:none;
		display:block;			
		}
		
	.section .text_box ul.big_pic li .pic{
		height:auto;
		display:block;
		text-align:center;
		/*background-color:#81beee;*/
		}
				
		
	.section .edit{
		display:block;
		margin:10px 25px;
		overflow:hidden;
		padding:0;
		border-top:1px dashed #ddd5ce;
	}
	
	
	.section .share{
		display:block;
		margin:0 auto;
		overflow:hidden;
		padding:10px 25px;
	}
	
	.section .share ul{
		margin:0;
		padding:0;
		display:block;
	}
	
	.section .share ul li{
		display:block;
		overflow:hidden;
		margin:10px auto 15px auto;
		border-bottom:1px dashed #ddd5ce;
	}
	
	.section .share ul li:last-child {
		border-bottom:0px dashed #ddd5ce;
	}
	
	
	.section .share ul li .pic{
		float:left;
		width:182px;
		height:182px;
		display:block;
		text-align:center;
		background-color:#1973a5;
	}
	
	.section .share ul li .text{
		width:65%;
		float:right;
		display:block;
		padding:0 0 10px 0;
	}

	.section .share ul li .text h2{
		padding:10px 0;
		color:#1973a5;
		font-size:1em;
		margin:0 auto;
	}
	
	.section .share ul li .text p{
		color:#1973a5;
		margin:0 auto;
		font-size:0.9em;
		padding:0 0 8px 0;
	}
	
	.section .share ul li .text .time p span.title{
		width:60px;
		float:left;
		display:block;
	}
	
	
	.section .share ul li .text .more{
		float:right;
		
	}
	

	
	.section .hgroup{
		display:block;
		overflow:hidden;
		padding: 0 25px;
		margin:20px auto 0 auto;
	}

	.section .hgroup .share_icon{
		float:right;
		display:block;
		overflow:hidden;
	}
	
	.section .hgroup .time{
		margin:0 0 5px 0;
		color:#1973a5;
		padding:0px 5px;
		font-size:0.9em;
	}
	
	.section .hgroup h2{
		clear:both;
		color:#1973a5;
		font-size:1em;
		padding:6px 5px;
		margin:0 0 10px 0;
		background-color:#e7f4ff;
	}
	
	
	
	.page{
		padding:0 5px;
		display:block;
		overflow:hidden;
		margin:10px auto;
		text-align:center;
	}
	
	
	.page ul{
		padding:0; 
		margin:0 10px;
		overflow:hidden;
		display:inline-block;
	}
	
	.page ul li{
		padding:5px;
		margin:0 5px;
		color:#1973a5;
		display:inline-block;
	}
	
	.page ul li a{
		display:block;
		color:#1973a5;
		text-decoration:none;
	}
	
	.page ul li a:hover{
		display:block;
		color:#ffffff;
		text-decoration:none;
	}
	
	input.gotop{
		border:0px;
		color:#FFFFFF;
		cursor:pointer;
		font-size:0.9em;
		padding:6px 20px;
		background-color:#1973a5;
		
	    /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
	}
	

	input.back{
		border:0px;
		color:#FFFFFF;
		cursor:pointer;
		font-size:0.9em;
		padding:6px 20px;
		display:inline-block;
		background-color:#0c61bc;
		
	    /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
	}
	
	input.share_back{
		border:0px;
		color:#FFFFFF;
		cursor:pointer;
		font-size:0.9em;
		padding:6px 20px;
		display:inline-block;
		background-color:#1973a5;
		
	    /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
	}
	
	
	.form{
		padding:10px 10px;
		display:block;
		overflow:hidden;
		margin:10px 25px;
		
		background-color:#c0d9eb;
		border:1px solid #c0d9eb;
		
		/* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
	}
	
	.form .messages_user{
		float:left;
		width:60px; 
		height:60px;
		margin:0 10px 0 0;
	}	
	
	.form .form_box{
		width:70%;
		float:left;
		display:block;
		margin:15px 10px 0 0;
	}
	
	input.message_input{
		width:100%;
		color:#6692b2;
		font-size:0.9em;
		padding:6px 10px;
		border:1px solid #c0d9eb;
	}
	
	input.message_to{
		border:0px;
		float:left;
		display:block;
		color:#FFFFFF;
		cursor:pointer;
		font-size:0.9em;
		padding:6px 20px;
		margin:15px 0 0 0;
		background-color:#74a7cb;
		
	    /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
	}


	.section .messages_info{
		padding: 0;
		display:block;
		margin:0 25px 10px 25px;
	}
	
	.section .messages_info p{
		padding: 0;
		color:#C5C5C5;
		font-size:0.8em;
		margin: 0 0 0 0;
	}
	
	.section .messages_info p a{
		color:#6ab3db;
		padding:2px 5px;
	    /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
	}

	.section .messages_info p a:hover{
		color:#6ab3db;
		background-color:#e7f4ff;
	}
	
	.section .messages_box{
		padding: 0;
		display:block;
		overflow:hidden;
		margin:0 25px 10px 25px;
		border-bottom:1px solid #c0d9eb;
	}


	.section .messages_box:last-child {
		border-bottom:0px solid #e7f4ff;
	}
	

	.section .messages_box .messages_contents{
		padding: 10px;
		position:relative;
		margin:0 0 15px 0;
	}
	
	
	.section .messages_box .messages_hot{
		display:block;
		overflow:hidden;
	}	
	
	
	.section .messages_box .messages_hot .messages_user{
		float:left;
		width:60px; 
		height:60px;
		margin:0 10px 0 0;
	}	
	
	
	.section .messages_user img{
		border:1px solid #d9eeff;
		
	        /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 50px;
        -o-border-radius: 50px;
        -ms-border-radius: 50px;
        -moz-border-radius: 50px;
        -khtml-border-radius: 50px;
        -webkit-border-radius: 50px 50px 50px 50px;	
	}	
	
	
	.section .messages_box .share_icon{
		top:10px;
		right:10px;
		float:right;
		display:block;
		color:#53afda;
		overflow:hidden;
		font-size:0.9em;
		position:absolute;
	}
	
	.section .messages_box .share_icon a{
		color:#53afda;
		padding:2px;
		display:inline-block;
		text-decoration:none;
		border:1px solid #c0deef;
	}
	
	.section .messages_box .share_icon a:hover{
		color:#ffffff;
		text-decoration:none;
		border:1px solid #53afda;
		background-color:#53afda;
	}
	
	.section .messages_box .time{
		padding:2px 0 5px 0;	
	}
	
	
	.section .messages_box .time p{
		color:#1973a5;
		margin:0 auto;
		font-size:0.9em;
		padding:0 0 8px 0;
	}
	
	
	.section .messages_box .time p span.title{
		width:60px;
		float:left;
		display:block;
	}
	
	.section .messages_box .text{
		margin:0 auto 0 auto;
		padding-left:70px;
	}
	
	.section .messages_box .text p{
		color:#1973a5;
		margin:0 auto;
		font-size:0.9em;
		padding:0 0 8px 0;
	}


	.section .messages_box .form{
		display:block;
		overflow:hidden;
		margin:10px auto;
		padding:10px 10px;
		background-color:#d9eeff;
		border:1px solid #a6cae4;
	}

	.section .messages_box .form .form_box{
		width:70%;
		float:left;
		display:block;
		margin:15px 10px 0 0;
	}
	
	.section .messages_box input.message_input{
		float:left;
		width:100%;
	}
	

	.section .messages_reply{
		display:block;
		margin:0 0 0 40px;
		overflow:hidden;
		position:relative;
		padding:20px 0 20px 0;
		border-top:1px dashed #c0d9eb;
		border-bottom:0px solid #53afda;
	}
	
	
	.section .messages_reply .time p{
		color:#4fa4d9;
	}
	
	.section .messages_reply .text p{
		color:#4fa4d9;
	}	
	
	
	
	.full_article .section .hot {
		width:858px;
		height:20px;
		background-repeat:no-repeat;
		background-image:url(../images/full_main_hot.png);
	}
	
	.full_article .section .main_box{
		width:858px;
		background-repeat:repeat-y;
		background-image:url(../images/full_main_bk.png);
	}
	
	.full_article .section .down {
		width:858px;
		height:20px;
		background-repeat:no-repeat;
		background-image:url(../images/full_main_down.png);
		}



	.right_aside .section .hot {
		width:645px;
		height:20px;
		background-repeat:no-repeat;
		background-image:url(../images/main_hot.png);
	}
	
	.right_aside .section .main_box{
		width:645px;
		background-repeat:repeat-y;
		background-image:url(../images/index_box_bk.png);
	}
	
	.right_aside .section .down {
		width:645px;
		height:20px;
		background-repeat:no-repeat;
		background-image:url(../images/index_box_down.png);
		}
	

	
	 .right_aside .section .album {
		left:0;
		top:0px;
		width:645px;
		height:50px;
		line-height:50px;
		padding:5px 0;
		position:absolute;
		margin:0 auto 10px auto;
	
		background-repeat:no-repeat;
		background-position:center;
		background-image:url(../images/main_title.png);
	}
	

  .right_aside .section .album span {
		color:#e7f4ff;
		font-size:20px;
		padding:0 0 0 40px;
	}


 .full_article .section .album {
		width:96%;
		padding:5px 0;
		margin:0 auto 10px auto;
		background-color:#e7f4ff;
	

        /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
}
	
	
  .full_article .section .album span {
		color:#207aac;
		font-size:20px;
		padding:0 10px;
	}
	
	.full_article .section .album_detail {
		width:96%;
		padding:5px 10px 0;
		margin:0 auto 10px auto;
	

        /* IE 修正 */
        -pie-lazy-init: true;
        behavior: url(PIE.htc);
         
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
         
        /* 圓角效果 */
        border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
}
	
	.album_type {
		width:850px;
		margin:5px auto ;
		/*background-color:#2ea7e0;
		border:solid;
		border-width:3px;
		border-color:#cccccc;
		*/
	}
	
	.album_box {
		float:left;
		width:210px;
		margin:5px auto ;
	}
	.album_title {
		width:180px;
		background-color:#1072a7;
		border-bottom:solid;
		border-width:1px;
		border-bottom-color:#4a9ecc;
		color:#FFFFFF;
		margin:0px 10px;
		height:30px;
		padding:10px 5px;
		border-left:solid;
		border-left-width:1px;            
		border-left-color:#1072a7;
		border-right:solid;
		border-right-width:1px;            
		border-right-color:#1072a7;
	}
	.album_css {
		width:180px;
		background-image: linear-gradient(to bottom, #18a9e2 0%, #117fbc 100%);
		color:#FFFFFF;
		margin:0px 10px;
		padding:5px;
		
		border-left:solid;
		border-left-width:1px;            
		border-left-color:#1072a7;
		border-right:solid;
		border-right-width:1px;            
		border-right-color:#1072a7;
	 }
	.album_style {
		-moz-box-shadow: 3px 3px 1px 1px rgba(20%,20%,40%,0.3);      /* for FF || 水平位移、垂直位移、擴散度、顏色 */
		-webkit-box-shadow: 3px 3px 1px 1px rgba(20%,20%,40%,0.3);   /* Google Chrome 有效 */
		box-shadow: 3px 3px 1px 1px rgba(20%,20%,40%,0.3);
		/* For IE 8 || Strength=陰影範圍、Direction=陰影發散角度(上為零度) */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333)";
		/* For IE 5.5 - 7 || IE 8(標準模式) 也有效 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');
	}
	.admin_com {
		background-color:#2ea7e0;
		margin:10px;
		border:5px;
		border-style:solid;
		border-color:#e8e8e8;
	}
	
    .right_main {
		width:96%;
	    border:3px;
        margin:15px auto;
        border-style:solid;
        border-color:#e8e8e8;
	    background-color:#45a9df;
    }
	.right_main td{
		padding:10px 20px;
	}
	.right_main2 {
		width:96%;
	    border:3px;
        margin:15px auto;

    }
	
    /*------------------方便排版區-----------------*/
    .left {
        text-align:left;
    }
    .center {
        text-align:center;
    }
    .right {
        text-align:right;
    }
    .clear {
        clear:both;
    }
    .table {
    display:table;
    }
    .table-cell {
    display:table-cell;
    }
    .table-row {
    display:table-row;
    }
    /*------------------方便排版區 End-----------------*/
Window size: 2554 x 1413
Viewport size: 2554 x 1282