/*  
Theme Name: Airos Chou
Theme URI: http://www.sunflowamedia.com
Description: Web Design examples
*/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #888;
	margin: -4px;	/* Set this to minus the border thickness. */
	background-color: #fff;	
	cursor: move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;	
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border: 1px solid #ccc;
	overflow: hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color: white;	
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}

/*--------------------------------------------
container
--------------------------------------------*/
body {
    
	 font-size: 78%;
}
div.examples_body {
     width: 750px;
	 margin: 20px auto 100px auto;
	 overflow: hidden;
}
h2.title_name {
     font-family: 'Times New Roman',Times,serif;
	 font-weight: normal;
     font-size: 4em;
     padding: 50px 0 20px 0;
	 margin: 0;
     text-align: center;
	 color: #FFF;
}
h2.title_name span {
     font-family: 'Times New Roman',Times,serif;
     color: #f9f66d;
	 font-size: 0.9em;
	 font-style: normal;
	 font-size-adjust: none;
     font-weight: normal;
     line-height: normal;
}
h2.title_name small {
     color: #505e70;
     display: block;
     font-family: normal Verdana,Arial,Helvetica,sans-serif;
     font-size: 0.19em;
     letter-spacing: 1.0em;
	 font-weight: bold;
     line-height: normal;
     text-transform: uppercase;
	 padding: 3px 0 0 0;
}

/*--------------------------------------------*/
.zoom-section {
     width: 750px;
	 margin: 10px auto 0px auto;
	 padding: 0 0 15px 0;
     clear:both;
	 overflow: hidden;
	 
}
.zoom-small-image {
     border: 1px solid #CCC;
     float: left; padding:1px;
}
.zoom-tiny-image {
     border: 1px solid #CCCCCC;
     margin: 0;
}
.zoom-tiny-image:hover {
     border: 1px solid #f9f66d;
}
#maincontent a {}
a, a:focus, a:active {
     border: medium none;
     outline-color: -moz-use-text-color;
     outline-style: none;
     outline-width: 0;
	 color: #CCC;
}
.zoom-desc {
     float: left;
     /*margin: 15px 0 0 10px;*/
     width: 480px;
	 display: inline; float:left
}
.zoom-section h3 {
     color: #f9f66d;
     font-size: 130%;
     letter-spacing: 1px;
	 padding-bottom: 15px;
	 
}
.zoom-desc p {
     line-height: 140%;
     margin-bottom: 10px;
	 color: #FFF;
}
.footer{color:#fff;}



 *{margin:0px; padding:0px; list-style:none; font-size:12px; text-decoration:none;color:#555; font-family:Arial, Helvetica, sans-serif}
img{border:none}
.clear{clear:both}
a:link,a:visited{color:#555;}
a:hover,a:active{text-decoration:underline;color:#d00000}

 .about{width:680px; margin:0px auto;}
.about .h2{width:680px; display:block}
.about .h2 .i2{width:680px; float:left; line-height:23px;}
.p_title{width:680px; height:30px; float:left; line-height:30px; font-weight:bold; font-size:18px; display:block;color:#333}
.p_time{width:680px; height:20px; float:left; line-height:20px;color:#999; font-family:Arial, Helvetica, sans-serif}
.p_pic{width:680px; float:left; margin-bottom:10px; margin-top:10px}
.p_pic .a1{width:310px; height:380px; float:left}
.p_pic .a2{width:460px; height:380px; float:right;}
.p_down{width:680px; height:30px; float:left; border-bottom:1px #e1e1e1 solid; position:relative;}
.p_down .p_downCon{position:absolute;width:160px; height:30px; left:0px; top:0px; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; border-top:1px #e1e1e1 solid; line-height:30px; text-align:center; font-weight:bold; font-size:14px; z-index:9; background:#fff}
.p_con{width:680px; float:left; line-height:23px; display:block}
.p_con img{max-width:680px;}