/* $Rev: 10686 $ */
/*Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

/*Main Div*/
.mainlivedemo {
	width:1002px;
	background:#64a3e0;
	z-index:2;
	position:relative;
	display:none;	/*modify by johnny*/
}
.mainlivedemo .main {
	padding:0 20px;
	font-family: Tahoma;
	color:#fff;
}
/*.biz logo*/
.livedemo-logo {float: left; width: 168px; height:43px; background:url(../../_images/2013/sitemap_logo.png)}
.ie7 .livedemo-logo {
    position: absolute;
    left: 0px;
    top: 0px;
}
.mainlivedemo .main h3 {
	font-size: 12px;
}
.mainlivedemo .main p, .mainlivedemo .main span {
	font-size: 11px;
}


.sitemapline { background:url(../../_images/2013/sitemap_line.png) repeat-x; height:2px;}
/*Follow us*/
.get_in_touch {
float: right;
padding: 5px 0 0;
width:250px;
}
.get_in_touch div.module-title h2 {
font-size:12px;
text-transform: none;
border: none;
padding: 7px 0 0 0;
color: inherit;
margin: 0;
letter-spacing: 0;
font-weight:normal;
}
.get_in_touch div.module-title h2 {
font-size: 12px;
line-height:18px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color:#496481;
}
.get_in_touch div.module-title {
float: left;
}
div.social-networks {
	float: right;
}

/*Becky 2015/08/12 New add*/
div.social-networks a {
	color:#36C;
	text-decoration:none;
}
div.social-networks a:hover {
	color:#09C;
}
/*Becky 2015/08/12 New add*/

/*按X關閉Sitemap*/
.liveclose {
    margin: 0 18px 0px 0px;/*Becky 2015/08/12 modify*/
    overflow: hidden;
	width:30px;
	/*float: right;*/
	/*Becky 2015/08/12 New add*/
	position:absolute;
	bottom:0;
	right:0;
}
.liveclose a {
	display:block;
	margin:0;
	padding:0;
	cursor: pointer;
	background:url(../../_images/2013/sitemap_btn_close.png) no-repeat;
	width:30px;
	height:33px;
	border:none;
}
.liveclose a:hover {
	display:block;
	cursor: pointer;
	float: right;
	background:url(../../_images/2013/sitemap_btn_close_rollover.png) no-repeat;
	width:30px;
	height:33px;
}
.arrow{
	/*右側最下方箭頭圖形*/
	float:right;
	margin-right:40px;
	/*overflow:hidden;
	font-size:0;
	display:inline-block;
	border:5px dashed transparent;
	border-top:8px solid #92B4D7;
	vertical-align:middle;*/
	background:url(../../_images/2013/links_sitemap_arrow.png) no-repeat;
	width:12px;
	height:8px;
}



/*Sitemap 內容 Div*/

.sitemap-col-wrapper{
	margin: 0px;
	/*padding:0 20px;*/
	/*Becky 2015/08/12 New add*/
	padding:8px 20px;
    font: 13px/1.2 Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.sitemap-col-wrapper h4 {
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #039;
	font-weight: bold;
	position: relative;
	margin: 4px 0;/*Becky 2015/08/12 modify*/
}
.sitemap-col {
	float: left;
	color: #fff;
	/*margin-right: 64px;*/
	/*margin-right: 60px/9;*/
	
	/*Becky 2015/08/12 New add*/
	min-height:132px;
	margin-right:30px;
	border-right:1px solid #78AADA;
	padding-right:30px;
}
.sitemap-col.last {
	margin: 0;
	background: none;
    border-right:none;
	padding-right:0;
}
.sitemap-col ul li {
	display: block;
	padding: 0 0 3px;
	line-height: 15px;
}
.sitemap-col ul li a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
    /*Becky 2015/08/12 New add*/
	letter-spacing: 0.4px;
}

/*begin of modified by johnny @ 2013-05-21*/
.sitemap-col ul li a:hover, .sitemap-col ul li .newitem{ color:#FCE100;}
.sitemap-col ul li .reverseStyle{
	display: inline-block;
	color: #FCE100;
	text-decoration: none;
	font-size: 12px;
}
.sitemap-col ul li .reverseStyle:hover{ color:#fff;}
/*end of modified by johnny @ 2013-05-21*/

form {margin: 0; padding: 0;}
/*html, body {height:100%;width:100%;overflow: hidden; background-color: white;}*/
/*html, body {height:100%;width:100%;overflow-x: hidden; background-color: white;}*/
html, body {height:100%;width:100%;background-color: white;}
html {-webkit-text-size-adjust: none;}
iframe, #iframelive {width:100%;}
#iframelive.stretched {overflow:auto;}
*+html #iframelive.stretched {height: 100%;}
*+html #iframelive.stretched iframe {height: 100%;}
.opera #iframelive.stretched iframe {height: 100%;}


@media only screen and (min-width: 1180px) and (max-width: 1280px) {
    .prodinfo span {
	padding: 0 10px 0 0px;
    }
    .prodinfo span.last-child {
	display: none;
    }
	.prodinfo ul.sitemaplist li{
		float:left;
		margin-right:65px;
	}
    .ie7 .prodinfo .border {
	margin: 0 60px 0 210px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .prodinfo span {
	display: none;
    }
    .prodinfo span.first-child {
	display: inline-block;
	padding: 0 10px 0 0px;
    }
	.prodinfo ul.sitemaplist li{
		float:left;
		margin-right:100px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
    .liveclose {
	width: 10px;
    }
    #livedemo .socialproofit-button {
	display: none !important;
    }
    #livedemo #facebook_like_button_wrapper {
	display: none;
    }
    .prodinfo .border {
	margin: 0 340px 0 230px;
    }
    .ie7 .prodinfo .border {
	margin: 0 340px 0 210px;
    }
    .prodinfo span {
	display: none;
    }
    .prodinfo span.first-child {
	display: inline-block;
	padding: 0 10px 0 0px;
    }
	.prodinfo ul.sitemaplist li{
		float:left;
		margin-right:10px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .liveclose {
	width: 10px;
    }
    #livedemo .socialproofit-button {
	display: none !important;
    }
    #livedemo #facebook_like_button_wrapper {
	display: none;
    }
    .prodinfo {
	display: none;
    }
	.prodinfo ul.sitemaplist li{
		float:left;
		margin-right:0px;
	}
}
@media only screen and (min-width: 410px) and (max-width: 599px) {
    .liveclose {
	width: 10px;
    }
    #livedemo .socialproofit-button {
	display: none !important;
    }
    #livedemo #facebook_like_button_wrapper {
	display: none;
    }
    .prodinfo {
	display: none;
    }
    .livedemo-logo {display: none;}
    .price_choice {
	float: left;
	background: none;
    }
	.prodinfo ul.sitemaplist li{
		float:left;
		margin-right:0px;
	}
}
@media only screen and (max-width : 409px) {
    .liveclose {
	width: 10px;
    }
    #livedemo .socialproofit-button {
	display: none !important;
    }
    #livedemo #facebook_like_button_wrapper {
	display: none;
    }
    .prodinfo {
	display: none;
    }
    .livedemo-logo {display: none;}
    .price_choice {
	float: left;
	background: none;
	padding: 7px 0px;
	width: auto;
	height: auto;
    }
    #price_choice_form {
	display: none;
    }
    .price_choice a {
	left: 0px;
    }
    .opera .price_choice a {
	position: inherit;
	top: 0px;
	right: 0px;
	left: 0px;
    }
    .price_choice p {
	float: left;
	padding-left: 0px;
    }
	.prodinfo ul.sitemaplist li{
		float:left;
		margin-right:0px;
	}
}

/*Becky 2015/08/12 New added*/

.sitemap-col .HtmlBtn_Login {
	color:#9F3;
	font-weight:bold;
}

/*Johnny Added*/
.sitemap-col .HtmlBtn_JoinFree {
	color:#FF0;
	font-weight:bold;
}