@charset "utf-8";
/* CSS Document */

/* main */
* html { margin:0; padding:0; }
* { margin:0; padding:0; }
div { margin:0; padding:0; }
ul, li { margin:0; padding:0; }
th, td, dl, dt, dd { margin:0; padding:0; }
img { border:0; padding:0; }
form { display:inline; margin:0; padding:0; }
body {
	behavior:url("../css/csshover3.htc");

	font-family: arial,helvetica,clean,sans-serif,"微軟正黑體","新細明體";
	/*font:12px/16px "新細明體", Arial, Helvetica, sans-serif;*/
	color:#fff;

}
input[type=text], textarea { color:#666; }
input[type=text]:focus { border:2px solid #6dcff6; }
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:10px 0 0; }

#wrapper { width:100%; height:100%; max-width: 100%; position: relative; overflow-x: hidden; overflow-y: hidden; }



/*Header*/
#header { width:1024px; height:600px; overflow:hidden; }

#logo { padding:20px; height:500px; overflow:hidden; }

#header_menu { height:40px; overflow:hidden; padding:0 25px; }
#header_menu ul li { width:150px; float:left; list-style:none; margin:0 10px 0 0; }
#header_menu ul li.first_child { width:130px; overflow:hidden; text-align: center; }

/*Netvigator*/



#netvigator dl { padding:20px; margin:0 0 20px; }
#lft_area>dl#about_us { height:200px; overflow:hidden; background:url(../images/index_left_about_us_bg.png) no-repeat; }




#rgt_area { width:420px; float:right; margin:10px 20px 0 0; }
#rgt_area>dl { height:325px; overflow:hidden; background:url(../images/index_right_bg.png) no-repeat; }
#rgt_area>dl>dd div#gallery_show { margin:0 20px; position:relative; }
#rgt_area>dl>dd div#gallery_show div.cover { position:absolute; top:0; left:0; z-index:10; }
#rgt_area>dl#infos ul { margin:0 50px 0 70px; }
#rgt_area>dl#infos ul li { list-style:none; width:110px; float:left; margin:0 20px 20px 0; }

#netvigator>dl>dt { margin:0 0 20px; }

.calendar_wrapper { width:200px; max-width:200px; height:auto; position:fixed; top:200px; right:-200px; z-index:100; }
.calendar { width:200px; max-width:200px; height:auto; position:relative; background:#666; }

.calendar_icon { width:25px; height:25px; padding:20px; position:absolute; left:-65px; background:#666 url(../images/common/icon_calendar.png) center center no-repeat; }
.calendar_icon:hover { cursor:pointer; }

#netvigator dd.news_list>ul>li { list-style:none; margin:0 0 20px; padding:30px 35px; width:910px; position:relative; }
#netvigator dd.news_list>ul>li div.lft { width:330px; float:left; }
#netvigator dd.news_list>ul>li div.lft img { border:5px solid #fff; }
#netvigator dd.news_list>ul>li div.rgt { width:550px; float:right; text-align:left; }
#netvigator dd.news_list>ul>li div#download { width:450px; position:absolute; bottom:20px; right:10px; }
#netvigator dd.news_list>ul>li h3 { margin:0 0 10px; font-size:1.25em; }
#netvigator dd.news_list>ul>li p { margin:5px 0 0; }

#download ul li { width:auto; float:left; margin:0 10px 0 0; list-style:none; }
#download ul li.date { width:100px; background:url(../images/common/update_date_bg.png) no-repeat; padding:6px 0 4px 100px; }

.infos div#sub_menu>ul { margin:0 0 0 20px; }
.infos div#sub_menu>ul>li { list-style:none; margin:0 30px 0 0; width:200px; float:left; }

#content_header, #content_body, #content_footer { width:940px; padding:0 20px; }
#content_header, #content_footer { height:30px; overflow:hidden; }
#content_header { background:url(../images/content_header_bg.png) no-repeat; }
#content_footer { background:url(../images/content_footer_bg.png) no-repeat; }
#content_body { height:auto; min-height:250px; background:url(../images/content_bg.png) repeat-y; text-align: justify;}
#content_body div.inner_content { min-height:600px; padding:20px; background:url(../images/infos_title_bg.png) no-repeat; }
#content_body div.inner_content h2 { margin:40px 0 20px; padding:10px 5px; border-bottom:1px solid #fff; font-size:1.41em; letter-spacing:2px; position:relative; }
#content_body div.inner_content h2 span { width:auto; font-size:13px; position:absolute; right:0; }
#content_body div.inner_content dt { font-size:1.25em; color:#fbb03b; font-weight:bold; margin:20px 0 20px; }
#content_body div.inner_content dt img { vertical-align:middle; }
#content_body div.inner_content dd ul li { list-style:none; width:200px; float:left; }

.inner_content table { width:100%; }
.inner_content table.company th { background:#29abe2; color:#fff; padding:2px 4px; }
.inner_content table.company td, .inner_content table.company td a { background:#c7edfa; color:#000; padding:2px 4px; }

.photos ul { margin:0 10px 0 20px; }
.photos ul li { list-style:none; width:256px; margin:0 10px 20px; padding:15px 12px 20px; float:left; background:url(../images/gallery_list_bg.png) no-repeat; }
.photos li div.like, .photos li div.comment { color:#000; margin:5px 0 0; }
.photos li div.like img, .photos li div.comment img { vertical-align:middle; }
.photos li div.like { float:left; width:100px }
.photos li div.comment { float:right; width:140px; }

/*Page Select*/
#page_pick { margin:0; padding:10px; }
#page_pick ul { width:auto; float:right; }
#page_pick ul li { width:auto; float:left; list-style:none; margin:0; padding:2px 5px; background:none; }

/*Footer*/
#footer { clear:both; font-size:0.92em; padding:10px 0; text-align:right; color:#FFF; }

/*Class*/
.home { background:#017cb7 url(../images/index_bg.jpg) no-repeat top center; }
.news { background:#5aa546 url(../images/news_bg.jpg) no-repeat top center; }
.informations { background:#002760 url(../images/info_bg.jpg) no-repeat top center; }
.gallery { background:#01999c url(../images/photo_bg.jpg) no-repeat top center; }
.about_us { background:#f16a4d url(../images/about_us_bg.jpg) no-repeat top center; }
.contact_us { background:#a4be39 url(../images/contact_us_bg.jpg) no-repeat top center; }



.content p { padding:5px 10px; }
.customer { text-align:center; }
.customer img { margin:10px 20px; vertical-align:middle; }
.clearfix { clear:both; display:block; }
.ctr { text-align:center; }
.lft { text-align:left; }
.rgt { text-align:right; }
.float_lft { float:left; }
.float_rgt { float:right; }
.w180 { width:180px; }
.w240 { width:240px; }
.w300 { width:300px; }
.mt10 { margin-top:10px; }

#fbFrame {height:80px !important;}


/* added by cherry@bcchk.net */

#about_us {
	font-size: 20px !important;
}

#content_body p {
	line-height: 26px !important;
}

hr {
	height:1px;border-width:0;color:white;background-color:white;
}

.clear {
	clear: both !important;
}

.news_cloud {
	color: #FFF !important;
	text-align: justify;
}

.news_cloud ul {
	margin: 0;
	padding: 0;
}

.news_cloud li {
	margin-left: 20px;
}

.news_cloud {
	border: 3px solid red;
	padding: 20px;
	margin: 30px 0;
	
	-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border:6px solid #aaca91;
}

.news_cloud a {
	color: #FFF;
}

.black-border {
	border: 15px solid #000;
}

@media only screen and (min-device-width: 1200px) {
	#container { width:1024px; height:auto; margin:0 auto; }
	#netvigator { width:1024px; height:auto; clear:both; position:relative; }

	#lft_area { width:80%; float:left; margin:10px 0 0 20px; }
	#lft_area>dl#news { width: 100%; min-height:450px; height:auto; overflow:auto; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color:#5DADE3; margin: 8px;}
#lft_area>dl#news>dd { width:100%; float:left; padding:0 25px; }
/*#lft_area>dl#news>dd.first_child { border-right:1px solid #5dabcf; }*/
#lft_area>dl#news div.clearfix { padding-top:10px; border-bottom:1px solid #5dabcf; }
/*#lft_area>dl#news>dd img { border:5px solid #efefef; }*/

	
	img.bborder {
		border: 15px solid black;
		background: black;
		width: 90%;
		/*height: 275px;*/
	}
	
	.front_video {
		width: 400px;
		height: 300px;
	}

	.more { margin-right: 20px; margin-bottom: 20px; text-align:right; }
	.more a { color:#ff0; }
	
	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		width: 90%;
	}
	
	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

}


@media only screen and (max-device-width: 480px) {
	#container { width:100%; height:auto; margin:0 auto; }
	#netvigator { width:100%; height:auto; clear:both; position:relative; }
	
	#lft_area { width:90%; float:left; margin:10px 0 0 20px; }
	#lft_area>dl#news { width: 100%; min-height:450px; height:auto; overflow:auto; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color:#5DADE3; margin: 8px;}
#lft_area>dl#news>dd { width:100%; float:left; padding:0 25px; }
/*#lft_area>dl#news>dd.first_child { border-right:1px solid #5dabcf; }*/
#lft_area>dl#news div.clearfix { padding-top:10px; border-bottom:1px solid #5dabcf; }
/*#lft_area>dl#news>dd img { border:5px solid #efefef; }*/

	img.bborder {
		border: 15px solid black;
		background: black;
		width: 90%;
		text-align: center;
	}
	
	.front_video {
		width: 90%;
		/*height: 300px;*/
	}
	
	.more { margin-right: 50px; padding-bottom: 15px; text-align:right; font-size: 24px;}
	.more a { color:#ff0; }
	
	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		width: 90%;
	}
	
	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	#news p {
		font-size: 30px !important;
	}
	
	.news_cloud h3 {
		font-size: 36px !important;
	}
	.news_cloud {
		font-size: 30px !important;
	}

}


/* added (end) */