@charset "UTF-8";
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +header        
      =ad
      =menu_top
      =menu_down
	  
	+content-left
	  =login  
	  =info-left
	  
	+content-right 
	  =ad_240x90
      =info-r 
	
    +footer
	  =down_menu
	  =copyright
	  
    +down-ad

-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/

@import url(reset.css); /* css還原檔 */

html, body {
    min-width: 100%;
    color: #486881;
    font: 13px/20px Verdana;   
}

img, input, select, textarea, button {
	color: #486881;
	font: normal 12px Verdana;
	vertical-align: middle;
}
a:link {
    text-decoration: none;
    color: #327cb9;
}
a:visited {
    text-decoration: none;
    color: #327cb9;
}
a:active {
    text-decoration: none;
    color: #327cb9;
}
a:hover {
    text-decoration: underline;
    color: #cc3333;
}
.clearfix {
    display: block;
    height: 0px;
    clear: both;
    overflow: hidden;
}


/*---cont-top　本期活動---*/

#wrapper-content .cont-top {
	position: relative;
	width: 972px;
	background-image: url(../i/img_01.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .sed2 {
	background-image: url(../i/img_01b.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 8px 0 0 0;
}
#wrapper-content .cont-top .bottom{
	width: 972px;
	height: 20px;
	background-image: url(../i/img_02.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/*--- 文字連結---*/
#wrapper-content .cont-top .txt-link{
	position: absolute;
	top: 33px;
	right: -18px;
    width: 15px;
	font: 12px/15px Arial;
}

/*--- 本期活動照片---*/
#wrapper-content .cont-top .ct-left {
    float:left;
	width: 374px;
	height:385px;
	padding: 0 0 0 28px;
}
#wrapper-content .cont-top .ct-left .pic-b{
    float:left;
	width: 362px;
	height:242px;
	padding: 10px 0 0 12px;
	background-image: url(../i/img_03.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .cont-top .ct-left .pic-s{
    float:left;
	width: 172px;
	height:117px;
	padding: 10px 0 0 12px;
	background-image: url(../i/img_04.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .cont-top .ct-left .pic2{
    margin:0 0 0 5px;
}
/*--- 本期活動內容---*/
#wrapper-content .cont-top .ct-right {
    float:left;
	width: 535px;
	padding: 45px 0 0 34px;
}
#wrapper-content .cont-top .ct-right .ct-header h2{
	font: 20px/25px Verdana;
	color: #ff3300;
	padding: 0 0 10px 0;
}
#wrapper-content .cont-top .ct-right .ct-header h2 a{
	font: 20px/25px Verdana;
	color: #ff3300;
	text-decoration:none;
}
#wrapper-content .cont-top .ct-right .ct-header h2 a:hover{
	color: #ff3300;
	text-decoration:underline;
}
#wrapper-content .cont-top .ct-right .ct-header{
	width: 385px;
	padding: 6px 110px 0 0;
	font: 15px/22px Verdana;
	color: #000000;
}
#wrapper-content .cont-top .ct-right .ct-dec{
	width: 495px;
	padding: 10px 0 0 0;
	font: 13px/20px Verdana;
	color: #555555;
}

#wrapper-content .cont-top .ct-right .ct-trip{
	width: 495px;
	padding: 3px 0 0 0;
	font: 13px/22px Verdana;
	color: #555555;
}
#wrapper-content .cont-top .ct-right .ct-trip span{
	font: 13px/22px Verdana;
	color: #000;
}
#wrapper-content .cont-top .ct-right .ct-trip span.red{
	font: 13px/22px Verdana;
	color: #ff0000;
}
#wrapper-content .cont-top .ct-right .ct-trip .title{
	width: 495px;
	height:21px;
	font: 13px/20px Verdana;
	background-image: url(../i/img_05.gif);
	background-repeat: repeat-x;
	margin:0 0 2px 0;
}
#wrapper-content .cont-top .ct-right .ct-trip .title span{
	height:21px;
	font: bold 13px Verdana;
	color: #ff3300;
	padding:0 6px 0 0;
	background-color:#FFFFFF;
}
#wrapper-content .cont-top .ct-right .ct-trip .title .bt{
	float:right;
	width:94px;
	height:21px;
	background-color:#FFFFFF;
}


/*---cont-top　旅行攝新鮮事---*/

#wrapper-content .fresh {
    float:left;
	width: 644px;
	margin:5px 0 0 0;
	background-image: url(../i/img_07.gif);
	background-repeat: repeat-y;
}
#wrapper-content .fresh .f-header{
	width: 644px;
	height:45px;
	background-image: url(../i/img_06.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .fresh .f-down{
	width: 644px;
	height:21px;
	background-image: url(../i/img_08.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .fresh .f-dec{
	width: 592px;
	padding: 10px 26px 0 26px;
}
#wrapper-content .fresh .f-dec .pic-s{
    float:left;
	width: 172px;
	height:117px;
	padding: 10px 0 0 12px;
	background-image: url(../i/img_04.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .fresh .f-dec .f-txt{
    float:left;
	width: 390px;
	padding: 0 0 0 15px;
	color: #000;
	font: 13px/22px Verdana;
}
#wrapper-content .fresh .f-dec .f-txt h2{
    color: #7dbd18;
	font: bold 15px/25px Verdana;
}
#wrapper-content .fresh .f-dec .f-txt h2 a{
    color: #7dbd18;
	font: bold 15px/25px Verdana;
	text-decoration:none;
}
#wrapper-content .fresh .f-dec .f-txt h2 a:hover{
    color: #7dbd18;
	text-decoration:underline;
}

/*--- 旅行攝新鮮事 (更多)---*/

#wrapper-content .fresh .line{
	width: 592px;
	height: 6px;
	margin: 0 26px 0 26px;
	background-image: url(../i/img_10.gif);
	background-repeat: repeat-x;
}
#wrapper-content .fresh .f-dec .box{
    float:left;
	width: 296px;
	height: 90px;
	padding: 0;
}
#wrapper-content .fresh .f-dec .box .pic{
    float:left;
	width: 114px;
	height:74px;
	padding: 4px 0 0 4px;
	background-color:#e0e0e0;
	text-align:center;
}
#wrapper-content .fresh .f-dec .box .fb-txt{
    float:left;
	width: 172px;
	padding: 0 0 0 5px;
	font: 13px/22px Verdana;
}
#wrapper-content .fresh .f-dec .box .fb-txt h3{
    color: #7dbd18;
	font: bold 13px/25px Verdana;
}
#wrapper-content .fresh .f-dec .box .fb-txt h3 a{
    color: #7dbd18;
	font: bold 13px/25px Verdana;
	text-decoration:none;
}
#wrapper-content .fresh .f-dec .box .fb-txt h3 a:hover{
    color: #7dbd18;
	text-decoration:underline;
}

/*--- 學員作品 ---*/

#wrapper-content .fresh .work{
	width: 616px;
	padding: 0 14px 0 14px;
}
#wrapper-content .fresh .work .title{
	width: 616px;
	height:26px;
	margin:10px 0 8px 0;
}
#wrapper-content .fresh .work .w-box{
    float:left;
	width: 118px;
	height:100px;
	text-align:center;
	margin:0 2px 0 2px;
}
#wrapper-content .fresh .work .w-pic{
	width: 114px;
	height:74px;
	padding: 4px 0 0 4px;
	margin:0 0 3px 0;
	background-color:#e0e0e0;
}

/*--- 即將開放旅行攝活動 ---*/

#wrapper-content .trip {
    float:left;
	width: 323px;
	margin:5px 0 0 0;
	background-image: url(../i/img_12.gif);
	background-repeat: repeat-y;
}
#wrapper-content .trip .t-header{
	width: 323px;
	height:45px;
	background-image: url(../i/img_11.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .trip .t-down{
	width: 323px;
	height:20px;
	background-image: url(../i/img_13.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#wrapper-content .trip .t-dec{
	width: 282px;
	padding: 10px 21px 0 20px;
}
#wrapper-content .trip .t-dec .line{
	width: 282px;
	height:6px;
	margin:8px 0 0 0;
	background-image: url(../i/img_10.gif);
	background-repeat: repeat-x;
}
#wrapper-content .trip .t-dec h4{
   color:#ff3300;
   font: bold 15px/25px Verdana;
}
#wrapper-content .trip .t-dec h4 a{
   color:#ff3300;
   font: bold 15px/25px Verdana;
   text-decoration:none;
}
#wrapper-content .trip .t-dec h4 a:hover{
   color:#ff3300;
   text-decoration:underline;
}
#wrapper-content .trip .t-dec span{
	font: 13px/20px Verdana;
	color: #000;
}
#wrapper-content .trip .t-dec span.red{
	color: #ff0000;
}
#wrapper-content .trip .t-dec .t-pic{
	width: 276px;
	height:185px;
	padding: 6px 0 0 6px;
	margin:0 0 5px 0;
	background-color:#e0e0e0;
}
/*--- 廣告 ---*/

#wrapper-content .trip .ad {
	width: 300px;
	padding: 10px 12px 0 11px;
	text-align:center;
}


/*--- footer ---*/

#footer .copyright {    
	width: 1000px;
	margin: 0 auto;
    height: 50px;
	padding: 20px 0;
}
#footer .copyright .logo {
    float: left;
    width: 200px;
	margin: 0 0 0 150px;
}
#footer .copyright .content {
    float: left;
    width: 500px;
    padding: 0 0 0 60px;
    background: url(../i/l_02.gif) no-repeat left center;
}

#footer .copyright .content p {
    font: 9px/16px Verdana;
    color: #999999;
}

#footer .copyright .content p.link {
    font: 11px/22px Verdana;
    color: #808080;
}

/*--- 本期活動照片---*/
#wrapper-content .cont-top .ct-left {
    float:left;
    width: 374px;
    padding: 0 0 0 28px;
}