@charset "utf-8";

/******************************************************************************************************************/
/* global */
/******************************************************************************************************************/
html, body {
	font: 0.95em/1.2 "新細明體", "微軟正黑體", "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
	margin: 0;
	padding: 0;
}

table, tr, td, form, div, span, input, select, textarea, button, p, a, ul, ol, li {
	font-family: "新細明體", "微軟正黑體", "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
}

input[type=text],
input[type=password],
input[type=button],
input[type=reset],
input[type=submit],
select, textarea, button {
	border: 1px solid #bababa;
	padding: 1px;
	background: transparent;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	background-color: transparent;
	background-image: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 2.5em;
	line-height: 2.5em;
}
a {
	color: #3366CC;
	text-decoration: none;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

img {
	border: 0 none;
}

br {
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	line-height: 1.0em;
}

br.clear {
	float: none;
	clear: both;
	height: 10px !important;
	line-height: 10px !important;
}
br.tab-clear {
	float: none;
	clear: both;
	line-height: 1px;
}
hr {
	display: none;
}

div.dashed {
	border-top: 1px dashed #ccc;
	width: 100%;
	margin: 10px auto 5px auto;
	line-height: 0;
	padding: 0;
}

dfn, em, cite, address {
	font-style: normal;
}

dfn {
	line-height: 1em;
}
dfn.readme {
	color: #999;
}
dfn.readme:before {
	content: "說明::";
	color: #f93;
}

td {
	text-align: left;
}

.slogan {
	margin: 0;
	padding: 0;
	width: 100%;
}

.recent div {
	margin: 0 0 0.5em;
}

.cnt {
	font-family: "Verdana", "Arial", "AppleGothic", "Sans-serif";
}

/******************************************************************************************************************/
/* global handle */
/******************************************************************************************************************/
h1, h2, h3, h4, h5, h6
{
	font: normal 1.8em "新細明體","微軟正黑體",  "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
}
h1 {
	color: #0082D9;
}
h1 a:link, h1 a:visited
{
	color: #e23c8e;
}

h1 a:hover, h1 a:active
{
	color: #ff6bb4;
}

h2
{
	padding-bottom: .5em;
	border-bottom: 1px solid #fff;
	font-size: 1.4em;
	letter-spacing: -1px;
	line-height: 1.25em;
	color: #0082D9;
	margin: 0;
}

h2 a:link, h2 a:visited
{
	color: #0082D9;
}

h2 a:hover, h2 a:active
{
	color: #c0e900;
}

h2.channel {
	color: #006600;
}
h2.toptrip {
	color: #F9BA26;
}

h3
{
	font: bold 1.2em/1.2 "新細明體","微軟正黑體",  "Malgun Gothic", "Meiryo", "Segoe UI", "Trebuchet MS", "MS PGothic", "Gulim", "AppleGothic", "Sans-serif";
	background-color: #faf9f8;
	border-bottom: 1px solid #eee;
	color: #0082D9;
}

h3 a:link, h3 a:visited
{
	color: #669818;
}

h3 a:hover, h3 a:active
{
	color: #7ab61a;
}

h4
{
	font-size: 1.1em;
}

/******************************************************************************************************************/
/* Ajax message box setting */
/******************************************************************************************************************/
.ajaxMessage {
	font-size: 0.92em;
	z-index: 10000;
	background-color: #fff;
	opacity: 0;
	padding: 8px;
	color: #393939;
	border: 3px solid #efefef;
}
.ajaxSuccessMessage {
	color: #36a955;
	border: 3px solid #36a955;
}
.ajaxErrorMessage {
	color: #a93655;
	border: 3px solid #a93655;
}

/******************************************************************************************************************/
/* debug mode setting */
/******************************************************************************************************************/
#force_debug_xajax_messages, #force_debug_messages {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
table.debug_mode_list {
	margin: 0 auto;
}
table.debug_mode_list td {
	text-align: center;
	border: 1px solid #999;
}
tr.debug_mode_list_header {
	font-weight: bold;
	background-color: #ccc;
}
table.debug_mode_list td.query_string {
	text-align: left;
}

div.error_icon {
	text-align:center;
}
div.error_message {
	text-align:center;
	font-weight: bold;
	font-size: 0.85em;
	color: #900;
}

/******************************************************************************************************************/
/* header and container box setting */
/******************************************************************************************************************/
#container {
	margin: 0 auto;
	width: 1000px;
}

#header {
	width: auto;
	margin: 0;
	padding: 0;
}

#logo {
}

#header .content {
}

/******************************************************************************************************************/
/* content Column setting with main Column and sidebar Column */
/******************************************************************************************************************/
#contentColumn {
	height: auto;
	padding-top: 10px;
	margin:0;
}

#contentColumn #mainColumn {
	width: 790px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0;
}

#contentColumn #sidebarColumn {
	width: 160px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0 10px auto;
}

/******************************************************************************************************************/
/* footer */
/******************************************************************************************************************/
#footer {
	clear: both;
	width: 100%;
	font-size: 0.82em;
	line-height: 1.5em;
	text-align: center;
	padding: 1.5em 0 0.5em;
	color: #666;
}

/******************************************************************************************************************/
/* single box global setting */
/******************************************************************************************************************/
.localdateline {
	width: 100%;
	font-size: 0.85em;
	color: #333;
	text-align: right;
	padding: 4px 5px 0 0;
}
.localdateline .weather-temp {
	color: #00f;
}
/******************************************************************************************************************/
/* single box global setting */
/******************************************************************************************************************/
.box-header, .box-body, .box-footer {
	float: none;
	clear: both;
}
.box-header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.box-header ul li {
	float: left;
	height: 28px;
}
.box-header ul li.box-header-left {
	width: 6px;
	background: url(../images/tab_header_left.png) left top no-repeat #fff;
}
.box-header ul li.box-header-center {
	width: 408px;
	height: 22px;
	background: url(../images/tab_header_body.png) left top repeat-x #fff;
	padding-top: 6px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}
.box-header ul li.box-header-center a {
	color: #fff;
	text-decoration: none;
}
.box-header ul li.box-header-right {
	width: 6px;
	background: url(../images/tab_header_right.png) left top no-repeat #fff;
}
.box-body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.box-body ul li {
	float: left;
}
.box-body ul li.box-body-left {
	width: 6px;
	background: url(../images/tab_body_left.png) left top repeat-y #fff;
}
.box-body ul li.box-body-center {
	width: 408px;
}
.box-body ul li.box-body-center .box-body-content {
	color: #666;
	width: auto;
	height: auto;
	overflow: none;
}
.box-body ul li.box-body-right {
	width: 6px;
	background: url(../images/tab_body_right.png) left top repeat-y #fff;
}
.box-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.box-footer ul li {
	float: left;
	height: 6px;
}
.box-footer ul li.box-footer-left {
	width: 6px;
	background: url(../images/tab_bottom_left.png) left top no-repeat #fff;
}
.box-footer ul li.box-footer-center {
	width: 408px;
	background: url(../images/tab_bottom_body.png) left top repeat-x #fff;
}
.box-footer ul li.box-footer-right {
	width: 6px;
	background: url(../images/tab_bottom_right.png) left top no-repeat #fff;
}

/******************************************************************************************************************/
/* tab-bookmarking box global setting */
/******************************************************************************************************************/
.tab-header, .tab-body, .tab-footer {
	float: none;
	clear: both;
}
.tab-header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tab-header ul li {
	float: left;
	height: 28px;
	margin: 0;
	padding: 0;
}
li.tab-header-top-left {
	width: 6px;
	background: url(../images/tab_header_left.png) left top no-repeat #fff;
}
li.tab-header-top-center {
	width: 408px;
	background: url(../images/tab_header_body.png) left top repeat-x #fff;
}
.tab-header-top-center .tab-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.tab-list li {
	width: 100px;
	height: 18px;
	background: url(../images/tab_header_button_100x24.png) left top no-repeat #bababa;
	padding-top: 6px;
	margin: 4px 1px 0 1px;
	cursor: pointer;
	font-size: 0.85em;
	text-align:center;
}
ul.tab-list li.tab-selected-off {
	background: url(../images/tab_header_button_100x24.png) left top no-repeat #bababa;
}
ul.tab-list li.tab-selected-off,
ul.tab-list li.tab-selected-off a {
	color: #fff;
}
ul.tab-list li.tab-selected-on {
	background: url(../images/tab_header_button_on_100x24.png) left top no-repeat #bababa;
}
ul.tab-list li.tab-selected-on,
ul.tab-list li.tab-selected-on a {
	color: #666;
}
li.tab-header-top-right {
	width: 6px;
	background: url(../images/tab_header_right.png) left top no-repeat #fff;
}

.tab-body ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tab-body ul li {
	float: left;
}
.tab-body ul li.tab-body-left {
	width: 6px;
	background: url(../images/tab_body_left.png) left top repeat-y #fff;
}
.tab-body ul li.tab-body-center {
	width: 408px;
}
.tab-body ul li.tab-body-center .tab-body-content {
	color: #666;
	width: auto;
	height: auto;
	overflow: none;
}
.tab-body ul li.tab-body-right {
	width: 6px;
	background: url(../images/tab_body_right.png) right top repeat-y #fff;
}
.tab-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tab-footer ul li {
	float: left;
	height: 6px;
}
.tab-footer ul li.tab-footer-left {
	width: 6px;
	background: url(../images/tab_bottom_left.png) left top no-repeat #fff;
}
.tab-footer ul li.tab-footer-center {
	width: 408px;
	background: url(../images/tab_bottom_body.png) left top repeat-x #fff;
}
.tab-footer ul li.tab-footer-right {
	width: 6px;
	background: url(../images/tab_bottom_right.png) right top no-repeat #fff;
}

/******************************************************************************************************************/
/* slogan header title global setting */
/******************************************************************************************************************/
.slogan-header-title {
	clear: both;
	float: none;
	width: auto;
	height: 18px;
	font-size: 0.92em;
	color: #c00;
	background: url(../images/center_full_box_arrow.png) left 1px no-repeat transparent !important;
	padding-left: 15px;
	margin: 2px 2px;
	text-align: left;
}
.slogan-header-title a {
	color: #c00;
}
.slogan-header-title.center-box-title {
	background-position: left 11px !important;
	padding-top: 10px;
}
/******************************************************************************************************************/
/* slogan header title with full size box setting */
/******************************************************************************************************************/
.full-size-border-box {
	clear: both;
	margin: 5px 0 5px 0;
	padding: 0;
	background-color: #fff;
}
.full-size-border-box.center {
	width: 420px;
}
.full-size-border-box.right {
	width: 350px;
}
.full-size-border-box ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
.full-size-border-box ul li {
	margin:0;
	padding:0;
}
.full-size-border-box.center ul li {
	width: 420px;
}
.full-size-border-box.right ul li {
	width: 350px;
}
li.border-box-header {
	height: 17px;
	padding-top: 3px !important;
	font-size: 0.92em;
}
.full-size-border-box.center li.border-box-header {
	color: #c00;
	background: url(../images/center_full_box_header.png) left top no-repeat #fff;
}
.full-size-border-box.right li.border-box-header {
	color: #c90;
	background: url(../images/right_full_box_header.png) left top no-repeat #fff;
}
li.border-box-header img {
	float: left;
	padding: 1px 4px 0 3px;
	margin:0;
}
.full-size-border-box.center li.border-box-header a {
	color: #c00;
}
.full-size-border-box.right li.border-box-header a {
	color: #c90;
}
li.border-box-body {
	margin: 0;
	padding: 0 !important;
	height: auto;
}

.full-size-border-box.center li.border-box-body {
	background: url(../images/center_full_box_body.png) left top repeat-y #fff;
}
.full-size-border-box.right li.border-box-body {
	background: url(../images/right_full_box_body.png) left top repeat-y #fff;
}
li.border-box-body div {
	padding: 4px 6px;
}
li.border-box-footer {
	height: 10px;
}
.full-size-border-box.center li.border-box-footer {
	background: url(../images/center_full_box_footer.png) left top no-repeat #fff;
}
.full-size-border-box.right li.border-box-footer {
	background: url(../images/right_full_box_footer.png) left top no-repeat #fff;
}
/******************************************************************************************************************/
/* Chart Article box global setting */
/******************************************************************************************************************/
.chart-article-box {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 0.92em;
	line-height: 1.2em;
}
.chart-article-box ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.chart-article-box ul li {
	float: none;
}
.chart-article-box ul li.photo {
	float: left;
	width: 95px;
	height: 65px;
	background-color: transparent !important;
	margin-top: 8px;
	margin-right: 4px;
}
.chart-article-box ul li.title {
	width: auto;
	float: none;
	font-size: 1.05em;
	line-height: 1.5em !important;
	color: #900;
	font-weight: bold;
	margin: 0;
}
.chart-article-box ul li.title a {
	color: #069;
}
.chart-article-box ul li.first-shortcut {
	color: #666;
	width: auto;
}
/******************************************************************************************************************/
/* ADS, 230x90 box setting
/******************************************************************************************************************/
.helf-column-ads {
	width: auto;
	height: auto;
	margin: 5px 0 5px 0;
}
li.border-box-body.ads-120x90 {
	height: 110px;
}
div.ads_120x90_box {
	width: 150px;
	height: 95px;
	background: url(../images/ads_120x90_background.png) left top no-repeat #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.ads_120x90_box.left {
	float: left;
	margin: 5px 0 0 5px;
}
div.ads_120x90_box.right {
	float: right;
	margin: 5px 5px 0 0;
}
li.border-box-body.ads-text-only {
	height: 70px;
}
li.border-box-body.ads-text-only ul {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding-top: 8px;
}
li.border-box-body.ads-text-only ul li {
	font-size: 0.92em;
	line-height: 1.5em;
}
/******************************************************************************************************************/
/* dashed line using image setting */
/******************************************************************************************************************/
.dashed-line-box-horizontal {
	width: 100%;
	height: 3px;
	background: url(../images/dashed_line_h.png) left bottom repeat-x #fff;
	margin:0;
	padding:0;
}
.dashed-line-box-vertical {
	width: 5px;
	height: auto;
	background: url(../images/dashed_line_v.png) left top repeat-y #fff;
	margin:0;
	padding:0;
}
/******************************************************************************************************************/
/* content inside advertisement global setting */
/******************************************************************************************************************/
.content-inside-ads {
	width: auto;
	height: auto;
	float: none;
	clear: both;
}
.content-inside-ads ul,
.content-inside-ads ul.button-box {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.content-inside-ads ul li {
	width: auto;
	font-size: 0.95em;
	line-height: 1.2em;
	padding: 2px 0 0 64px;
	margin: 0.5em 0 0.2em 0;
}
.content-inside-ads ul li.green-btn,
.content-inside-ads ul li.blue-btn,
.content-inside-ads ul li.pink-btn,
.content-inside-ads ul li.orange-btn {
	height: 18px;
}
.content-inside-ads ul li.green-btn {
	background: url(../images/btn_travel_hot_green.png) left top no-repeat #fff;
}
.content-inside-ads ul li.blue-btn {
	background: url(../images/btn_travel_hot_blue.png) left top no-repeat #fff;
}
.content-inside-ads ul li.pink-btn {
	background: url(../images/btn_travel_hot_pink.png) left top no-repeat #fff;
}
.content-inside-ads ul li.orange-btn {
	background: url(../images/btn_travel_hot_orange.png) left top no-repeat #fff;
}
.content-inside-ads ul li.button-box {
	float: none !important;
	clear: both !important;
	margin: 0;
	padding: 0;
}
.content-inside-ads ul li.button-box ul li {
	float: left;
	height: 22px;
	font-size: 0.95em;
	margin: 0 !important;
	padding: 5px 0 0 0 !important;
}
li.button-box ul li.green-box,
li.button-box ul li.blue-box,
li.button-box ul li.pink-box,
li.button-box ul li.orange-box {
	width: 75px;
	cursor: pointer;
}

li.button-box ul li.green-box {
	background: url(../images/btn_travel_hot_green_box.png) left top no-repeat #fff;
}
li.button-box ul li.blue-box {
	background: url(../images/btn_travel_hot_blue_box.png) left top no-repeat #fff;
}
li.button-box ul li.pink-box {
	background: url(../images/btn_travel_hot_pink_box.png) left top no-repeat #fff;
}
li.button-box ul li.orange-box {
	background: url(../images/btn_travel_hot_orange_box.png) left top no-repeat #fff;
}
li.button-box ul li.button-box-body {
	width: auto;
	background: url(../images/btn_travel_hot_box_body.png) left top repeat-x #fff;
}
li.button-box ul li.button-box-end {
	width: 5px;
	background: url(../images/btn_travel_hot_box_end.png) right top no-repeat #fff;
}
/******************************************************************************************************************/
/* form radius input box setting */
/******************************************************************************************************************/
.global-form-input ul {
	float: none !important;
	clear: both !important;
}
.global-form-input ul {
	list-style-type:none;
	clear: both;
	margin:0;
	padding:0;
	background-color: transparent !important;
}
.global-form-input ul li {
	float: left;
	margin:0;
	padding:0;
	height: 30px;
}
.global-form-input ul li.radius-input-head {
	width: 7px;
	background: url(../images/input-box-radius-head.png) left top no-repeat transparent;
}
.global-form-input ul li.radius-input-body {
	width: auto;
	background: url(../images/input-box-radius-body.png) left top repeat-x transparent;
}
li.radius-input-body input {
	font-size: 1.25em;
	width: auto;
	height: 21px;
	padding-top: 4px;
	border:0;
	background-color: transparent;
}
.global-form-input ul li.radius-input-end {
	width: 7px;
	background: url(../images/input-box-radius-end.png) right top no-repeat transparent;
}
.global-form-input ul.radius-textarea {
	margin:0;
	padding:0;
	float: none;
	clear:both;
}
ul.radius-textarea.header li,
ul.radius-textarea.footer li {
	height: 5px;
}
ul.radius-textarea.body li {
	height: auto;
}
li.textarea-body-body textarea {
	font-size: 1.25em;
	border:0;
	margin:0;
	padding:0;
}
ul.radius-textarea.header li.textarea-header-left {
	width: 5px;
	background: url(../images/textarea_header_left.png) left top no-repeat transparent;
}
ul.radius-textarea.header li.textarea-header-body {
	width: auto;
	background: url(../images/textarea_header_body.png) left top repeat-x transparent;
}
ul.radius-textarea.header li.textarea-header-right {
	width: 5px;
	background: url(../images/textarea_header_right.png) left top no-repeat transparent;
}
ul.radius-textarea.body li.textarea-body-left {
	width: 5px;
	background: url(../images/textarea_body_left.png) left top repeat-y transparent;
}
ul.radius-textarea.body li.textarea-body-body {
	width: auto;
}
ul.radius-textarea.body li.textarea-body-right {
	width: 5px;
	background: url(../images/textarea_body_right.png) left top repeat-y transparent;
}
ul.radius-textarea.footer li.textarea-footer-left {
	width: 5px;
	background: url(../images/textarea_footer_left.png) left top no-repeat transparent;
}
ul.radius-textarea.footer li.textarea-footer-body {
	width: auto;
	background: url(../images/textarea_footer_body.png) left top repeat-x transparent;
}
ul.radius-textarea.footer li.textarea-footer-right {
	width: 5px;
	background: url(../images/textarea_footer_right.png) left top no-repeat transparent;
}
/******************************************************************************************************************/
/* user login box setting */
/******************************************************************************************************************/
.center-column.logginbox {
	width: auto;
	margin: 0 auto;
}
.user-login-box {
	width: auto;
	height: 400px;
	font-size: 1.15em;
	background: url(../images/loggin_box_radius_background.jpg) 200px top no-repeat #fff;
}
.user-login-box form {
	margin-left: 490px;
	padding-top: 40px;
	width: 200px;
}
.user-login-box dfn {
	font-size: 0.85em;
}
.user-login-box ul {
	clear: both;
	list-style-type:none;
	margin:0;
	padding:0;
	background-color: transparent !important;
}
.user-login-box ul li {
	float: left;
	margin:0;
	padding:0;
	height: 30px;
}
ul.loggin-radius-box li.loggin-box-head {
	width: 7px;
	background: url(../images/input-box-radius-head.png) left top no-repeat transparent;
}
ul.loggin-radius-box li.loggin-box-body {
	width: auto;
	background: url(../images/input-box-radius-body.png) left top repeat-x transparent;
}
li.loggin-box-body input {
	font-size: 1.0em;
	width: auto;
	height: 21px;
	padding-top: 4px;
	border:0;
	background-color: transparent;
}
ul.loggin-radius-box li.loggin-box-end {
	width: 7px;
	background: url(../images/input-box-radius-end.png) right top no-repeat transparent;
}
.loggin-radius-button {
	text-align: right;
}
.loggin-radius-button button {
	width: 42px;
	height: 36px;
	background: url(../images/loggin-button.png) left top no-repeat transparent;
	border:0;
	margin:0;
	padding:0;
	cursor: pointer;
}
/******************************************************************************************************************/
/* footer setting */
/******************************************************************************************************************/
#footer .footer-contact {
	text-align: center;
	margin: 0 auto;
}
.footer-contact ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
.footer-contact ul li {
	display: inline;
	margin: 4px;
}
#footer .footer-copyright {
}