@charset "utf-8";
/*通用設定
----------------------------------------------------------------------------------------------------------------------------------*/
body {margin:0px;padding:0px;font-size: 12px;color: #333333;font-family:verdana;}
ul,dl,dd,dt {margin:0px;padding:0px;}
li {list-style-type:none;}
.clear {clear:both;}
input, select {
	font-size: 11px;
	letter-spacing: 0px;
}
#default, #default_login, #cus_service {margin:0px;padding:0px;background-image: url(images/css/bg.jpg);background-repeat: repeat-x;
background-position: center top;background-color: #b2d8ff;font-size: 12px;color: #333333;font-family:verdana;}
.close {margin:0px;padding:0px;width:12px;float:right;font-family:verdana;border: 1px solid #CCCCCC;color: #666666;text-align:center;}
.close a {color: #666666;text-decoration:none;}
.close a:hover{color:#336699;}
.btn {padding:3px 0px 0px 0px; height:25px;background:url(images/css/widget_btn.gif) repeat-x top #2790bd;color:#ffffff;border:1px solid #cccccc;}
textarea{padding:10px;margin:5px auto;}
/* 版面設定
----------------------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	text-align:left;
	width:950px;
	margin:0px auto;
	background-color: #FFFFFF;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/*表頭設定
----------------------------------------------------------------------------------------------------------------------------------*/
#masthead {height:69px;background:url(images/css/masthead.gif) repeat-x top;font-family:verdana;}
h1 span {filter:Alpha(Opacity=0);Opacity:0;display:block;width:950;height:69px;}
h1 {margin:0px;}
.logo,.slogan,.topmenu,.menu,h1 { position:absolute;}
.logo {margin:10px 0px 0px 15px;}
.slogan {
	color:#999999;
	margin:25px 0px 0px 268px;
	width:226px;
	line-height:16px;
	letter-spacing: 1px;
}
.topmenu {margin:7px 0px 0px 620px;}
.topmenu li {float:left; background:url(images/css/topmenu_list.gif) left 3px no-repeat;*background-position:left 2px;padding:0px 0px 0px 13px;margin:0px 5px;color:#333333;}
.topmenu li a {color:#333333; text-decoration:none;}
.topmenu li a:hover { text-decoration:underline;}
.menu {margin:45px 0px 0px 630px;}
.menu li {float:left;}
.menu li a {color:#3366cc; text-decoration:none;float:left;height:33px;padding:7px 11px 0px;background:url(images/css/menu_back.gif) right no-repeat;}
.menu li a:hover, .menu li a:active{background:url(images/css/menu_back2.gif) right no-repeat;}
.menu li.inhere, .menu li.inhere a{float:left;background:url(images/css/menu_back2.gif) right no-repeat;}
/*內容設定
----------------------------------------------------------------------------------------------------------------------------------*/
/*內容共通設定*/
#content {}
.path {background:url(images/css/path.gif) left -2px no-repeat;height:23px;padding:0px 0px 0px 30px;color:#333333;font-size:16px;line-height:20px;margin:10px 35px 0px;;}
.path a {color:#333333; text-decoration:none;}
.path strong {padding:3px 0px 0px 0px;font-weight:normal;color:#3366cc;}

.pics.left {margin:0px 15px 0px 0px;float:left;} 
.pics.right {margin:0px 0px 0px 15px;float:right;}
/*小工具設定*/
.widgetarea {clear:both;padding:10px 15px 0px;font-family:Arial, Helvetica, sans-serif;}
.widgetarea a{
    padding:0px 0px 0px 7px;
	color:#006699;
	text-decoration:none;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.widgetarea a:hover{ color:#666666; text-decoration:underline;}
{
	margin:5px 8px;
	padding:0px 0px 0px 0px;
	width:290px;
	background:url(images/css/widget_back.jpg) top no-repeat;
	float:left;
	border: 1px solid #fed45c;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}
dt {
	height:39px;
	font-size:15px;
	font-weight:normal;
	color: #333333;
	font-family: "微軟正黑體", "新細明體";
}
dt span.widtitle {float:left;padding:7px 0px 0px 10px;}
dt span.tooltop {
	float:right;
	font-size:10px;
	font-weight:normal;
	margin:4px 10px 0px 0px;
	line-height: 13px;
}
dt span.tooltop a {color:#ffffff;border:1px solid #ffffff;padding:0px 4px;display:block;float:left;margin:0px 2px; text-decoration:none;}
dt span.more, dt span.more a{clear:right;float:right;border:none;margin:2px 0px 0px 0px;padding:0px 5px 0px 0px;}
dt span.more img{border:none;}
dd {padding:10px 15px;}
span {display:block;margin:5px 0px;}
dd label {display:block;background:url(images/css/widget_title.gif) repeat-x ;height:18px;padding:5px 0px 0px 7px;}
input.btn {padding:3px 0px 0px 0px; height:21px;background:url(images/css/widget_btn.gif) repeat-x top #2790bd;color:#ffffff;border:1px solid #cccccc;}
.service{}
.service .cam img{margin:5px 0px 0px;width:260px;}
.service .camthin img{
	width:150px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 50px;
}
.service .box .acc{text-align:center;}
.service .service_more{
    text-align:right;
	border:none;display:block;
	background-color:#E2E2E2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;}
.service .service_more a{padding:2px 0px 0px 0px;margin:0px;border:none}

/*系列網站設定*/
.webarea {clear:both;padding:0px 25px;}
.webarea li {float:left;margin:10px 5px;}
.webarea li img {border:1px solid #cccccc;}
.newsarea {
	clear:both;
	padding:10px 15px;
	height:1%;
	overflow:hidden;
	background-image: url(images/css/dnewsarea_back.gif);
	background-repeat: repeat-x;
	background-position: center 35px;
}
.news {
	width:290px;
	height:1%;
	overflow:hidden;
	float:left;
	margin:0px 9px;
	padding:0px 0px 0px 0px;
	display:block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.newsarea .title {
    margin:15px auto 10px;
	padding:0px;
}
.news span.more {
	float:right;
}
.news span.more img{
    margin:16px 0px 0px 0px;
	padding:0px 0px 0px 7px;
    border:none;
}
.news span.more a {text-decoration:none;font-weight:bold;color:#5b5b5b;padding:0px 0px 0px 7px;}
.news .subtitle {hegith:1%;overflow:hidden;}
.news .box {background:url(images/css/dnewsbox_middle.gif) repeat-y #ffffff;}
.news .box span {background:url(images/css/dnewsbox_top.gif) no-repeat top;display:block;}
.news .box ul {background:url(images/css/dnewsbox_bottom.gif) no-repeat bottom;padding:10px 15px 15px;}
.news .box li {
	background:url(images/css/news_list.gif) left 7px no-repeat;
	border-bottom:1px dotted #cccccc;
	line-height:18px;
	padding:3px 0px 3px 15px;
	color:#666666;
	height:1%;
	overflow:hidden;
	letter-spacing: 1px;
}
.news .box li a { text-decoration:none; color:#666666;}
.news .banner {text-align:center;padding:0px 0px 0px;}
.news .banner img {border:none;}

/*登入後新聞設定*/
#default_login .newsarea {
    margin:15px 0px 0px;
    clear:both;
	padding:0px 15px 15px;
	background-image: url(images/css/newsarea_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #e8e8e8;}
#default_login .news {width:288px; border:none;}
#default_login .news span.title {float:left}
#default_login .news span.more {
	float:right;
	margin:10px 10px 0px 0px;
	padding:1px 0px 0px 0px;
	border:none;
}
#default_login .news span.more img{
    float:right;
	margin:20px 0px 0px 0px;
}
#default_login .news span.more a {}
#default_login .news .subtitle {hegith:1%;overflow:hidden;}
#default_login .news .box { background:url(images/css/newsbox_top.gif) top no-repeat #ffffff;}
.news .box span {background:none;display:block;}
#default_login .news .box span {background:url(images/css/newsbox_bottom.gif) no-repeat bottom;padding:15px;}
#default_login .news .box li {background:url(images/css/news_list.gif) left 9px no-repeat;border-bottom:1px dotted #cccccc;line-height:20px;padding:5px 0px 4px 15px;color:#666666; letter-spacing:1px;}
#default_login .news .box li a { text-decoration:none; color:#666666;}
#default_login .news .banner {text-align:center;padding:10px 0px 0px;}
#default_login .news .banner img {border:1px solid #cccccc;margin:0px 0px 5px 0px;}
#default_login .news .banner p {text-align:left;margin:0px 12px;line-height:18px;height:1%;overflow:hidden;}
#default_login .news .banner a {color:#666666; text-decoration:none;}
.news .sell {float:left;width:150px; height:38px;}
.news .price {float:right;font-family:Arial, Helvetica, sans-serif; letter-spacing:0px;font-weight:bold;}
.news .price em {font-style:normal;color:#ff3366;}

/*gotop設定*/
.gotop {text-align:center;margin:10px 0px;clear:both;}

/*客戶服及為員務中心設定
----------------------------------------------------------------------------------------------------------------------------------*/
.aboutcus {margin:0px 25px;padding:10px 10px 20px 10px;background: url(images/css/aboutcus_back.gif) repeat-x bottom;}
.aboutcus.no {background:none;}
.aboutcus .pics {border:3px solid #cccccc;}
.aboutcus p {
	line-height:20px;
	margin:0px;
	padding:0px;
	font-size: 10pt;
	color: #333333;
	letter-spacing: 2px;
}

.cuspeople_area {clear:both;padding:10px 25px;height:1%;overflow:hidden;}
.cuspeople {width:270px;float:left;height:1%;overflow:hidden;padding:8px;border:1px solid #cccccc;margin:0px 17px 15px 0px;}
.cuspeople.end {margin:0px;}
.cuspeople .cam {text-align:center;}
.cuspeople .pics {border:3px solid #cccccc;}
.cuspeople .pics.left {margin:0px 5px 0px 0px;}
.cuspeople .box {margin:10px 0px;}
.cuspeople ul {width:165px;float:right;}
.cuspeople li {
	border-bottom:1px dotted #cccccc;
	line-height:22px;
	color: #666666;
	letter-spacing: 1px;
}
/*時區設定
----------------------------------------------------------------------------------------------------------------------------------*/
.time{
    margin:5px 0px 0px;
	padding:0px;
    float:left;
	width:42%;
	color: #333333;
	text-align:center;
}
.time.left{
	margin:5px 10px 0px 0px;
	padding:0px 10px 0px 0px;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #E6E6E6;
}
.time.right{
}
.time .date, .time{
}
.time .date em, .date em{
	font-size: 24px;
	font-weight: bold;
	color: #CC0000;
	font-style: normal;
}
.time .clock, .clock em{
	font-size: 18px;
	font-weight: bold;
	color:#0066CC;
}
.time p{
    margin:7px 0px;
	padding:0px;
	font-size: 15px;
	color: #666666;
	letter-spacing: 1px;
}
/*登入設定----------------------------------------------------------------------------------------------------------------------------------*/
#login{
	margin:0px;
	padding:25px 20px 15px;
	width:262px;
	height:115px;
	overflow:hidden;
	background-image: url(images/bg_login.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#welcome{
	margin:8px auto;
	padding:25px 25px;
	width:550px;
	height:1%;
	overflow:hidden;
	border: 3px double #CCCCCC;
	background-image: url(images/bg_share.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#login ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
}
#login li{
	margin:0px 0px 2px 0px;
	padding:0px;
}
#login li img{
	margin:-2px 0px 0px 10px;
	padding:0px;
}
#login p{
	margin:-15px 0px 0px 0px;
	padding:0px;
	text-align:center;
	clear:both;
	font-size: 10pt;
	color: #333333;
}
#welcome h2{
	margin:5px auto 15px;
	padding:0px;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #00A3F0;
}
#welcome p{
	margin:5px auto;
	padding:0px 3px;
	font-size: 15px;
	letter-spacing: 1px;
}
#welcome p.rig{
	margin:15px 0px 0px 0px;
	padding:0px;
	text-align:right;
}
#login p a, #welcome p a{
	color:#006699;
	text-decoration:underline;
}
#login p a:hover, #welcome p a:hover{
	color:#333333;
	text-decoration:none;
}
/*一般文件內容設定----------------------------------------------------------------------------------------------------------------------------------*/
#article{
	margin:8px auto;
	padding:25px 25px;
	width:680px;
	height:1%;
	overflow:hidden;
	border: 3px double #CCCCCC;
	background-image: url(images/bg_share.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#article h2{
	margin:5px auto;
	padding:0px;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #00A3F0;
}
#article p{
	margin:5px auto;
	padding:0px 3px;
	font-size: 15px;
	letter-spacing: 1px;
}
#article table{
    margin:0px auto;
	padding:0px;
	width:100%;
	background-color:#FFFFFF;
	border:#EFEFEF 1px solid;
}
#article th{
    margin:0px auto;
	padding:3px;
	width:20%;
	background-color:#999999;
	border-bottom:#CCCCCC dotted 1px;
	text-align:right;
	color:#FFFFFF;
}
#article td{
    margin:0px auto;
	padding:3px;
	border-bottom:#CCCCCC dotted 1px;
}
#article td span{
    color:#FF0000;
}
/*客服*/
.service{}
.service .cam img{margin:5px 0px 0px;width:260px;}
.service .box .acc{text-align:center;}
.service_more{
    text-align:right;
    border:none;display:block;
    background-color:#E2E2E2;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;}
.service_more a{padding:2px 0px 0px 0px;margin:0px;border:none;color:#006699;}

/*hotnews*/
h3 {margin:0px;font-size:13px;}
p {margin:8px 0px;}
.widsub {text-align:center;background:url(images/css/widget_title.gif) repeat-x ;height:22px;padding:1px 0px 0px 7px;margin:0px 0px 5px;}


/*greeting*/
.greeting {margin:10px 0px 0px 0px;padding:0px;}
.greeting a{color: #006699; text-decoration:underline;}
.greeting a:hover{color: #006699; text-decoration:none;}
.greeting .pics img {width:290px;height:180px;margin:0px 4px 5px 0px;border:3px solid #efefef;}
.greeting p {line-height:22px;}
.greeting .loginfo {padding:45px 0px 0px 0px; margin:0px 0px 0px 15px; float:left;}
.greeting .getbox {
	float:left;
	width:298px;
	height:204px;
	overflow:hidden;
	margin:0px 0px;
	background-image: url(images/bg_greeting_s.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.greeting .getbox ul{ margin:25px auto 0px; padding:0px;width:85%;}
.greeting .getbox li{
	margin:5px 0px 0px 0px;
	padding:0px 0px 3px 15px;
	font-size: 10pt;
	color: #006699;
	line-height: 18px;
	letter-spacing: 1px;
	background-image: url(images/css/icon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.greeting .lasttime,.greeting .lastip {color:#FF6600;float:none;}


/*新增小工具*/
.widgetside {float:left;width:230px;}
.widgetside a{ color:#006699; text-decoration:none;}
.widgetside a:hover{ color:#666666;}
.widgetside ul {
    margin:8px auto 0px;
	padding:0px;
}
.widgetside li {
	margin:4px 0px 0px 0px;
	padding:0px 0px 1px 14px;
	line-height:22px;
	font-size:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(images/css/icon.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}
.widgetlist {float:right;width:630px;}
.widgetlist .box {height:1%;overflow:hidden;color:#555555;margin:0px 0px 10px;border-bottom:1px dotted #cccccc;padding:10px 0px;}
.box.inverse {
    padding:25px 15px 15px;
	_padding:0px 10px 5px 0px;
	background-image: url(images/bg_happy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:1%;
	overflow:hidden;
}

.box .left { float:left;}
.box .left img {
	margin:5px 5px 0px 0px;
	_margin:5px 20px 0px 10px;
}
.box .right { margin:0px 10px 0px 0px;float:right;}
.gadget {width:120px;float:left;margin:0px 10px 0px 0px; text-align:center;}
.gadget img {
	border:1px solid #F2F2F2;
}
.author {float:right;width:145px;}
.author p {margin:0px;line-height:24px;}
.widgetinfo {float:left;width:350px;}
.widgetinfo p {margin:0px;line-height:24px;}
.widgetinfo .headlink {font-size:16px;font-family: "微軟正黑體", "新細明體";color:#333333;}
.newslist {float:right;width:630px; clear:both;}
.newslist .pic_left{
    margin:0px 10px 5px 0px;
	padding:0px;
	float:left;
}
.newslist .pic_left img{
    margin:0px;
	padding:5px;
	border:#efefef 1px solid;
}
.newslist .pic_left p { padding:0px 0px 0px 20px;margin:0px 0px 0px 0px;font-size:12px; color:#666666;}
.newslist .pic_right{
    margin:0px 0px 5px 10px;
	padding:0px;
	float:right;
}
.newslist .pic_right img{
    margin:0px;
	padding:5px;
	border:#efefef 1px solid;
}
.newslist .pic_right p { padding:0px 20px 0px 0px;margin:0px 0px 0px 0px;font-size:12px; color:#666666; text-align:right;}
.newslist p {
    margin:18px auto 0px;
	padding:0px;
	font-size:10pt;
	color:#333333;
	line-height: 20px;
	letter-spacing: 2px;
}
.newslist h2 {
	margin:0px 0px 15px 0px;
	display:block;
	padding:3px 0px 1px 22px;
	font-size:16pt;
	color:#333333;
	background-color: #efefef;
	letter-spacing: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-image: url(images/css/icon2.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}
.function{
    margin:0px auto 7px;
	padding:0px;
}
.function a{
    color:#666666;
	text-decoration:none;
}
.function a:hover{
    color:#666666;
	text-decoration:underline;
}
.function ul{
    margin:0px;
	padding:0px;
	list-style-type:none;
	float:right;
}
.function li{
    margin:0px 0px 0px 10px;
	padding:2px 0px 0px 22px;
	float:left;
}
.function li.sent{
	background-image: url(images/css/sent.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.function li.print{
	background-image: url(images/css/print.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.newside {float:left;width:230px;}
.newside a{ color:#006699; text-decoration:none;}
.newside a:hover{ color:#666666;}
.newside ul {
    margin:0px auto 0px;
	padding:0px;
}
.newside li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 1px 14px;
	line-height:22px;
	font-size:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(images/css/icon.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
}
/*hotnews*/
.hotnews h3 {margin:0px;font-size:13px;}
.hotnews p {margin:8px 0px;}
.widsub {text-align:center;background:url(images/css/widget_title.gif) repeat-x ;height:22px;padding:1px 0px 0px 7px;margin:0px 0px 5px;}
/*倒數計時*/
.inverse .seting {
	float:right;
}
.inverse p {
	margin:5px 0px;
	_margin:20px 0px;
	line-height:18px;
}
.inverse p span {text-align:center;font-size:16px;color:#FF6600;}

/*時區設定
----------------------------------------------------------------------------------------------------------------------------------*/
.time{
    margin:5px 0px 0px;
	padding:0px;
    float:left;
	width:42%;
	color: #333333;
	text-align:center;
}
.time.left{
	margin:5px 10px 0px 0px;
	padding:0px 10px 0px 0px;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #E6E6E6;
}
.time.right{
}
.time .date, .time{
}
.time .date em, .date em{
	font-size: 24px;
	font-weight: bold;
	color: #CC0000;
	font-style: normal;
}
.time .clock, .clock em{
	font-size: 18px;
	font-weight: bold;
	color:#0066CC;
}
.time p{
    margin:7px 0px;
	padding:0px;
	font-size: 15px;
	color: #666666;
	letter-spacing: 1px;
}

/*中文地址英譯*/
.engadd td {padding:2px 0px;}
/*中文姓名英譯*/
.widgetarea .engname a {padding:0px;border:none; text-decoration:none;}
/*背包客棧*/
.bag02 ul {border-top:1px solid #cccccc;margin:5px 0px 0px;}
.bag02 li {border-bottom:1px dotted #cccccc;}
.bag03 li {border-bottom:1px dotted #cccccc;}

/*行事曆*/
.calendar ul {height:1%;overflow:hidden;border-top:1px solid #cccccc;border-right:1px solid #cccccc;width:252px;}
.calendar li {float:left;width:62px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center;}
.calendar li a {padding:0px;border:none;}
.calendaropen h3 {margin:3px 0px;}

/*表尾設定
----------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	background:url(images/css/footer.gif) top repeat-x #f3f3f3;
	padding:20px 0px 10px 0px;
	font-family: "微軟正黑體", "新細明體";
	line-height: 20px;
	letter-spacing: 1px;
}
#footer p {text-align:center;margin:5px 0px;color:#666666;}

/*未登入首頁加設定*/
.calendaropen .box.scro{height:125px; overflow:auto;}