<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */


html,
body {
    height: 100%;
}


body {	
	font:16px/26px 'Century Gothic','Microsoft YaHei',Verdana;
    /*padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	color:#333;
}
.dropdown-menu{ font-size:15px; }

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.nav .icon {
	float:left;
	width: 20px;
}
.nav_svg {
    width: 100px;
    margin: 5px 0 0 20px;
    height:35px;
}


.page-header { margin: 0px 0 20px; }

.panel{
	border:0;
	background-color:rgba(0,0,0,0.8);
	}
.page-header{ 
	background: url(../images/line.png) center bottom repeat-x ;
    border-bottom: 0;
    }


.panel-heading{
	font: bold 18px/35px Verdana, Geneva, sans-serif;
	color:#F90;
	background:#000;	
	}
.panel-footer{
	background-color:rgba(0,0,0,0);;
	border:0;
	}
.huge{ line-height:30px; }


.nav&gt;li&gt;a { padding: 10px 0 0; }


.navbar-inverse .navbar-nav&gt;.open&gt;a, .navbar-inverse .navbar-nav&gt;.open&gt;a:hover, .navbar-inverse .navbar-nav&gt;.open&gt;a:focus { background: transparent; }

@media (min-width: 768px){
.navbar-right .dropdown-menu {
     right: auto; 
    left: auto;
    top: 60px;
	}
.navbar-nav&gt;li {
    float: left;
    margin-right: 12px;
	}
}



@media (max-width:767px) { 
	.carousel-inner .container { padding-right:0; padding-left:0;  }
	.logo_slogan { margin-top: 9%; } 
	.dropdown-menu { margin-left:16%; }
}
@media (min-width:768px) { .logo_slogan { margin-top: 10%; } }

	
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: rgba(255,255,255,0.4);
; }
.navbar-fixed-top{ border:0px; }

.navbar-inverse .navbar-nav&gt;li&gt;a{
	color:#666;
	font-weight:bold;
	}

.navbar-inverse .navbar-nav&gt;li&gt;a:hover, .navbar-inverse .navbar-nav&gt;li&gt;a:focus{
	color:#00a0e9;
	}



.navbar-inverse .navbar-toggle{
	border-color:#23b2e8;
	background:#3fb3ee;
	}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background-color:#23b2e8;
	}




p { margin:0 10px 10px; font:15px/26px 'Century Gothic','Microsoft YaHei',Verdana; }
select{ color:#666; }



/*Home Page*/


.bg_home p{
	color: #9d9d9d;
    font-size: 11pt;
    letter-spacing: 0.2em;
    line-height: 21pt;;
	}

.bg_video body{
	background:url(../images/bg_video.jpg) center 50px fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}

.bg_video a{
	font: bold 16px Verdana, Geneva, sans-serif;
	color:#fff;
	}

.bg_video a:hover{
	font: bold 16px Verdana, Geneva, sans-serif;
	color:#e8e8e8;
	}

.img-thumbnail {  
    border: 0; 
    text-align: center;
}
	
.story .container { margin-top:90px; }
.role .container { margin-top:0; padding-top: 90px; background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); }
.photo .container { margin-top:0; padding-top: 90px; background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%); }
.plot .container { margin-top:0; padding-top: 90px;  }

@media (max-width:767px) { 
	.role .container { padding-top: 70px; }
	.photo .container { padding-top: 70px;} 
	.plot .container { padding-top: 70px;} 
}
@media (min-width:768px) and (max-width:1200px) { 
	.role .container { padding-top: 130px; }
	.photo .container { padding-top: 130px; } 
	.plot .container { padding-top: 130px; } 
}

/*.role p { height: 145px; }*/
.role h2 { text-align: center; }

.round { width: 100%; height: 560px; border-radius:99em; border: 4.5px solid #004d04; background: #fff796; padding: 4.5em 0.7em 2em; color: #1c1c1c; }
    
.bg_story body { background: #1c8822 url(../images/bg_story.jpg) left bottom no-repeat fixed; }
.bg_role body { background: #f6a900 url(../images/bg_role.jpg) repeat; }
.bg_photo body { background: #3399ff url(../images/bg_photo.jpg) repeat; }
.bg_plot body { background: #fcfce4; }


@media (max-width:767px) { 	
	/*.role p { height: 125px; }*/
	.round { width: 100%; height: 340px; padding: 3.5em 1em 2em; }
}
@media (min-width:768px) and (max-width:1200px) { 	
	/*.role p { height: 160px; } */
	.story .container { margin-top: 130px; }
}
@media (min-width:768px) { .round { padding: 6em 2em 2em; } }



h2, .h2{ font:20px 'Century Gothic','Microsoft YaHei',Verdana; color:#61a5a7;}
h4, .h4{ font: bold 16px 'Century Gothic','Microsoft YaHei',Verdana;}
h3{ font: bold 25px Verdana, Geneva, sans-serif; color:#ff7e00; }
hr{ border-top:1px solid rgba(255,255,255,0.3) }


.logo{ 
	position:absolute;
	z-index:99;
	}

.dropdown-menu{ background-color:#fff616; border: 0; }

.dropdown-menu&gt;li&gt;a{
	color:#474747;
	padding: 6px 20px;
	font: bold 15px 'Century Gothic','Microsoft YaHei',Verdana;
	}




/* bootstrap 5���?*/
/* define bootstrap 5 columns */
		.col-xs-1-5,
		.col-sm-1-5,
		.col-md-1-5,
		.col-lg-1-5 {
			position: relative;
			min-height: 1px;
			padding-right: 10px;
			padding-left: 10px;
		}
 
		.col-xs-1-5 {
			width: 20%;
			float: left;
		}
 
		@media (min-width: 768px) {
		.col-sm-1-5 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 992px) {
			.col-md-1-5 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 1200px) {
			.col-lg-1-5 {
				width: 20%;
				float: left;
			}
		}

	



		
@media (max-width:499px) {
	.logo{
		top:15%;
		padding:0 22%;
		}
	.carousel-inner{ padding-top:40px; }
	.ad_banner01,.ad_banner02,.ad_banner03{ display:none;}
	.page-header{ text-align:-webkit-center; }
	
	.peo{ margin-top:10%;}
	.peo02{ display:none; }
	}

@media (min-width:500px) and (max-width:749px) {
	.logo{
		top:24%;
		padding:0 18% 0 24%;
		}
	.ad_banner01,.ad_banner02{ display:none;}
	
	.peo{ margin-top:1%;}
	.peo02{ display:none; }
	}
@media (min-width:750px) and (max-width:999px) {
	.logo{
		top:26%;
		padding-left:21%;
		}		
	.ad_banner01,.ad_banner03{ display:none;}
	
	.peo02{ display:none; }
	.panel-footer{ height:485px; }
	}

@media (min-width:1000px) and (max-width:1199px) {
	.logo{
		top:42%;
		padding-left:21%;
		}		
	.bg_story body { background: #1c8822 url(../images/bg_story.jpg) right bottom no-repeat fixed;  }
	.round { height: 470px;	}
	.logo_slogan { margin-top: 12%; padding: 0 110px; }
	.ad_banner01,.ad_banner03{ display:none;}
	
	.panel-footer{ height:435px; }
	
	.huge em{ font:13px/30px Verdana, Geneva, sans-serif; }
	.peo02{ position:absolute; top:48%; z-index:999; }
	}
	
@media (max-width:767px) { 
	.navbar-nav li { clear: both; margin-left: 20px;} 
	.navbar-nav { margin: 7.5px -15px 20px; } 
}
@media (min-width:768px) { .navbar-fixed-top {padding-bottom: 10px;} }
@media (max-width:991px) {
	.nav_size img{ margin-top: 4px; }	
	header{
		overflow:hidden;
		background:#eb90b4 url(../images/bg_kv.png) repeat;
		}
	.navbar-brand { padding:7px 0 0 15px; }
	.navbar-brand img{ width: 85%; }
	.navbar-inverse { background: rgba(61, 67, 72, 0.9); }
	.well{ display:none; }
	.Plus_home { font-size: 1em; margin-top: 35px; }
	.Plus_home a{ color:#130d00; line-height: 3em; }
	.Plus_home em{ 
		font: bold 31px 'Century Gothic','Microsoft YaHei',Verdana;	
		color:#ce0300; 
		}

	.tip_plot{
		height:100px;
		margin:20px 0;
		background:url(../images/tip_plot.jpg) center 0 no-repeat;
		border:5px solid #f6d5bd;
		}	
	}

@media (min-width:992px) {	
	.nav_size img{ /*width: 85%;*/ margin-top:5px;  }
	header{
		overflow:hidden;
		background:#86c5cc url(../images/bg_kv.png) repeat;
		}
	.navbar-brand { padding: 9px 0 0; }
	.navbar-brand img{ width: 100%; }
	.navbar-inverse { background:#4fa7af; }
	.well{
		position:absolute;
		height:1000px;
		padding:30px 19px 19px;
		z-index:1;
		border:0;
		color:#ef4062;
		background:#ebf4e9;
		}
	.well_font{
		font:15px/30px Verdana, Geneva, sans-serif;
		color:#3e7364;
		margin:20px 0;
		padding:20px;
		height:635px;
		background:#aedbd0;
		filter:alpha(opacity=80); /*IE,?�閅?�𪂹?0%*/
		-moz-opacity:0.8; /*Firefox,?�閅?�𪂹?0%*/
		opacity:0.8;/*?�𤥃??�鐦瘙�???�閅?�𪂹?0%*/
		-moz-border-radius: 10px; /* Firefox */
		-webkit-border-radius: 10px; /* Safari, Chrome */
		-khtml-border-radius: 10px; /* Konqueror */
		border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
		behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
		}
	.well_font em{ 
		font: normal bold 14px/32px Verdana, Geneva, sans-serif;
		color:#18add8;
		}
	.Plus_home { font-size: 1.5em; margin-top: 15px; }
	.Plus_home a{ color:#130d00; line-height: 2em; }
	.Plus_home em{ 
		font: bold 31px 'Century Gothic','Microsoft YaHei',Verdana;	
		color:#ce0300; 
		}
	.tip_plot{
		height:140px;
		margin:20px 0;
		background:url(../images/tip_plot02.jpg) no-repeat;
		border:5px solid #f6d5bd;
		}
	}
@media (min-width:992px) and (max-width:1200px) {
	.navbar-brand img{ width: 84%; }
	}
@media (min-width:1200px) and (max-width:1674px) {
	.logo{
		top:33%;
		padding-left:13%;
		}
	
	.ad_banner02,.ad_banner03{ display:none; }
	.bg_story body { background: #1c8822 url(../images/bg_story.jpg) right bottom no-repeat fixed;  }
	
	.huge em{ font:13px/30px Verdana, Geneva, sans-serif; }
	
	.peo02{ position:absolute; top:48%; z-index:999; }
	}
	
@media (min-width:1675px) {
	.ad_banner02,.ad_banner03{ display:none; }
		
	
	.peo02{ position:absolute; top:48%; z-index:999; }
	}
	

@media (max-width:1200px) {	
	.ad_160x600{ display:none; }
	}

/* Home Page Carousel */

header.carousel {
    height: 100%;
	}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
	border-bottom:3px solid #f6a900;
	}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
	}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
	}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
	}

.period {
    display: block;
    font-style: italic;
	}

/*footer
-------------------------------------------*/
footer {
	position:fixed;
	width:100%;
	bottom: 0;
    padding: 0;
    text-align: center;
	background:#333;
	z-index:55;
	/*
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	*/
}

footer span.copyright {
    text-transform: uppercase;
    font:12px Verdana, Geneva, sans-serif;
	color:#ff80a4;
}

@media(max-width:645px) { .hide_footer{ display:none; }	}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	.navbar-inverse .navbar-nav .open .dropdown-menu&gt;li&gt;a{
		color:#6c0000;
		font-weight:bold;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu&gt;li&gt;a:hover{
		color:#1a95d4;
	}
}</pre></body></html>