body{font-family: 'Microsoft JhengHei';font-size:18px;color:#777;line-height: 30px;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:1em;}

h1,h2,h3,h4,h5,h6{line-height: normal;}
li,p{line-height: 30px;}

a:hover,a:focus{text-decoration: none;}

.body{background: url(/images2/real/body.jpg);}

.right{text-align: right;}
.btn{font-size:1em;padding:6px 20px;}
html .scroll-to-top{padding:9px 10px 39px;border-radius:25px;}
#header .header-body{border-bottom:5px solid rgba(0, 18, 94, 1);}
#header .header-logo img{margin:15px 15px 15px 0;}
#header .header-body{background: none;border-top:none;padding:0;min-height: auto;}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span{font-size:0.8em;color:#000;}
#header .header-nav-top{margin-top: 0px;}
#header .header-column{vertical-align: bottom;}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover{background: none;color:rgb(184, 164, 10);}

.dropdown-menu>li>a{color:#777;}

.slider-container .tparrows{border-radius:4px;}

.tp-bannertimer{display: none;}

.container-fluid{padding-left:7.5px;padding-right:7.5px;}
.row{margin-left:-7.5px;margin-right:-7.5px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left:7.5px;
		padding-right:7.5px;
	}

#footer{
	background:none;
	border-top:none;
	padding-top:0;
	color:#FFF;
	margin-top:0;
}
#footer a:hover{color:rgb(210, 204, 230);}
.footer-info img{margin-bottom:5px;}
#footer .footer-div{background: rgba(0, 18, 94, 1);padding-top:40px;}

.fat-footer:after,.fat-footer:before{content:" ";display: table;}
.fat-footer:after{clear:both;}

.footer-nav{width:calc(100% / 4);float:left;text-align: center;padding: 0 10px;}

#footer .footer-copyright{background: none;color:#777;border-top:none;margin-top:20px;}
#footer .footer-copyright a{color:#777;}
#footer .footer-copyright a:hover{color:#333;}
.launage{margin-bottom:10px;}

.social-icons li{box-shadow: none;border:3px solid #696969;}
.social-icons li a{width:35px;height:35px;font-size:22px;}
.social-icons li a i{margin-top:8px;}

.social-icons li:hover.social-icons-facebook{border-color:#3b5a9a;background:#3b5a9a;}
.social-icons li:hover.social-icons-youtube{border-color:#c3191e;background:#c3191e;}

html .call-to-action.call-to-action-primary{background: none;}
html .call-to-action.call-to-action-primary h3, html .call-to-action.call-to-action-primary p{color:#777;}
html .btn-primary-scale-2{background: rgb(0, 18, 94);border-color:rgb(0, 18, 94);}
html .btn-primary-scale-2:active, html .btn-primary-scale-2:focus, html .btn-primary-scale-2:hover, html .btn-primary-scale-2:active:hover, html .btn-primary-scale-2:active:focus{background:rgb(0, 18, 94);border-top-color:rgb(0, 18, 94);color:rgb(210, 204, 230);}

.call-to-action .call-to-action-content{width:50%;}
.call-to-action-content h3{font-weight: 200;display: inline-block;position:relative;}
.call-to-action-content h3:before{
	content:"";
	position:absolute;
	top:-7px;
	left:-70px;
	width:56px;
	height:55px;
	background: url(/images2/real/left-bg.png);
}
.call-to-action-content h3:after{
	content:"";
	position:absolute;
	top:-7px;
	right:-70px;
	width:56px;
	height:55px;
	background: url(/images2/real/right-bg.png);
}
.call-to-action .call-to-action-btn{top:20%;width:20%;text-align: right;}
.call-to-action-btn a{margin:0 15px 15px 0;}
.call-to-action-btn i{margin-right: 10px}

.popup-youtube{display: block;position:relative;}
.popup-youtube .video-play{
	display: flex;
	width:100%;
	height:100%;
	align-items: center;
	justify-content: center;
	position:absolute;
	top:0;
	background: rgba(0,0,0,0.2);
}
.popup-youtube .video-play i{
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-youtube .video-play i:before{
	margin-left:5px;
}

.index-link{display: block;}
.index-hover-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;background: none;transition: background 0.2s linear; }
a.index-link:hover .index-hover-bg{background: rgba(255, 255, 255, 0.6);}

.index-text{position:absolute;width:100%;height:100%;z-index:150;overflow:hidden;}
.index-text h3{position:absolute;bottom:60px;right:10%;margin:0;color:#fff;font-weight: bold;}
.index-text h3:before{content:"";width:60px;height:25px;position:absolute;bottom:-25px;left:-89%;background: url(/images2/real/h3-img.png) no-repeat;}
.index-text h3:after{content:"";position:absolute;height:1px;width:265px;border-top:1px solid #fff;left:-44px;bottom:-12.5px;}

a.index-link:hover .index-text h3{color:rgba(0, 18, 94, 1);}
a.index-link:hover .index-text h3:before{background:url(/images2/real/h3-img-hover.png);}
a.index-link:hover .index-text h3:after{border-top-color:rgba(0, 18, 94, 1);}



.story-hr{background: #43220E;width:75%;margin:22px auto 27px;}
.story-hr:after{content:"";width:60px;height:25px;background: url(/images2/real/story-hr.png);position:absolute;top:48px;left:0;right:0;margin:0 auto;}
.story-btn{border:1px solid #43220d;color:#43220d;}
.story-btn:hover{border:1px solid rgb(0, 18, 94);color:rgb(0, 18, 94);}

.story-content{text-transform: none;}
.story-content h3{text-transform: none;margin-bottom:0;color:#43220d;padding:0 10px;}

.block-btn{text-align: center;}

.page-header{border-top:none;border-bottom:none;padding:0;margin:0 0 30px;}

.content-heading h3{font-weight: bold;}
.content-header-hr{background-image:linear-gradient(to right, rgba(0,0,0,0.05), rgba(0, 18, 94, 1), rgba(0,0,0,0.05));margin:32px 0 40px;position:relative;}
.content-header-hr:after{content:"";width:60px;height:25px;background: url(/images2/real/h3-img-hover.png);position:absolute;bottom:-12px;left:0;right:0;margin:0 auto;}
.content-footer{margin:30px 0;}

.back-button a{
	display: flex;
	width:100px;
	height:40px;
	align-items: center;
	justify-content: center;
	margin:0 auto;
	background:#eee;
	border-radius: 4px;
	border:1px solid #ddd;
	color:#555;
	font-weight: bold;
}
.back-button a:hover{
	background: #5f6a98;
	color:#fff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background: #5f6a98 !important;
	border-color: #5f6a98;

}

.thumb-info.index-video{
	background: none;
	border: none;
	border-radius: 0;
}

.page-header h3 {
    position: absolute;
    color: #FFF;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 130px;
    height: 35px;
    margin: auto;
    z-index: 10;
    font-weight: bold;
    white-space: nowrap;
}

html.webkit .thumb-info.index-video .thumb-info-wrapper{
	margin:0;
	border:none;
	border-radius:0;
}

.portfolio-item > a h6{color:#777;}
.portfolio-item > a:hover h6,.portfolio-item > a:hover span{color:#000;}

.portfolio-list a h6, .portfolio-list a span{margin-top:10px;color:#777;}

.category-list{text-align: center;}
.category-list li{
	float:none;
	display: inline-block;
}
ul.category-list > li.active > a,ul.category-list > li.active > a:hover, ul.category-list > li.active > a:focus{background: none;}
ul.category-list > li > a{color:#777;}
.category-list>li>a:focus, .category-list>li>a:hover{color:#18206b;}
.category-list>li.active>a,.category-list>li.active>a:hover,.category-list>li.active>a:focus{color:#18206b;font-weight: 600;}

.left-nav-header{position: relative;margin-bottom:10px;}
.left-nav-header h5{position:absolute;width:100%;text-align: center;color:#4C3C1B;}
.left-nav-header img{margin:0 auto;}

aside ul.nav-list > li > a{border-bottom:none;font-size:1.1em;color:#777;padding:12px 0;text-align: center;}
aside ul.nav-list > li+li{border-top:1px solid #d0d0d0;}
aside ul.nav-list > li > a:hover{color:#4C3C1B;}
aside ul.nav-list > li.active > a{background:#b9a465;color:#fff;}

ul.nav-list li a:hover{background:none;}
ul.nav-list li a:before{display: none;}

.thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p{font-size:1em;}

.store-descript{padding:20px;}
.store-descript h4{color:rgb(0, 18, 94);}


.store-img{height:250px; background-size: cover;background-position:center;}
.shop-all.table>thead>tr>th{text-align: center;color:#142b8e;}
.shop-all.table>tbody>tr>td{text-align: center;vertical-align: middle;color:#3c5a98;}
.shop-all img{margin-left:auto;margin-right:auto;}
.shop-all .cleared{color:#ff3939;background: none;border:none;}
.form-group{margin-bottom:20px;}
.amount{font-size:2em;}
@media(min-width:768px){
	.store-info:after,.store-info:before{content:"";display: table;}
	.store-info:after{clear:both;}
	.store-descript,.store-img{width:50%;}
	
	.store-info:nth-child(odd) .store-descript{float:left;}
	.store-info:nth-child(odd) .store-img{float:right;}

	.store-info:nth-child(even) .store-descript{float:right;}
	.store-info:nth-child(even) .store-img{float:left;}
	.content{padding:0 30px;}
}


@media (min-width:992px){
	#header .header-nav-main nav > ul > li > a{font-size:1.1em;text-transform:none;padding:26px 13px 35px;}
	#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a{background:none;color:rgb(184, 164, 10);}
	#header .header-nav-main nav > ul > li > a.dropdown-toggle:after{display: none;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu{margin:0;min-width: 98px;border-top-color:rgb(184, 164, 10);border-radius: 0 0 4px 4px ;}
	.dropdown-menu{font-size:16px;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{font-size:1em;padding:5px 20px;}
	#header .header-nav-main nav > ul > li.dropdown > a,#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a{
		padding-bottom:35px;
	}
	.footer-logo{float:left;margin-right:30px;}

	.story-content{margin-top:35px;position:relative;}
	.story-content h3{}
	.block-btn{position:absolute;z-index:999;left:0;right:0;}
	.left-nav-header h5{top:50px;}

	.header-logo img{max-width:300px;}
}

@media(min-width:1200px){
	.left-nav-header h5{top:64px;}
	.story-content{text-transform: none;position:absolute;top:calc(50% - 6.5em);left:0;right:0;}
	.story-content h3{text-transform: none;margin-bottom:0;}
}

@media(min-width:1400px){
	.story-content{top:calc(50% - 7em);}
}

@media(min-width:1680px){
	.story-content{top:calc(50% - 9em);}
	.block-btn{bottom:47px;}
}

@media (max-width:1679px) and (min-width:1400px){
	.block-btn{bottom:20px;}
}

@media(max-width:1399px) and (min-width:992px){
	.hidden-pad{display: none;}
}

@media(max-width:1399px) and (min-width:1199px){
	.block-btn{bottom:55px;}
}


@media(max-width:991px){
	html .scroll-to-top.hidden-mobile{display: block !important;bottom:45px;}
	.block-btn{margin-top:40px;}
	.left-nav-header h5{top:61px;}
	.story{margin:30px 0;}
	.btn.header-btn-collapse-nav{padding:6px 10px;font-size:14px;}
	#header .header-btn-collapse-nav{background: rgba(0, 18, 94, 0.6);margin:30px 0 8px 15px;}
	.index-text h3:after{bottom:-13.5px;}
	#header .header-nav-main nav > ul li a{font-size:1em;}
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu{font-size:16px;}
	#header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover{color:rgb(184, 164, 10);}
	.header-logo img{max-width:300px;}
	#footer .footer-copyright{padding-bottom:40px;}

}

@media(max-width:900px){
	.call-to-action .call-to-action-content{width:100%;text-align: center;}
	.call-to-action .call-to-action-btn{position:static;width:100%;text-align: center;}
	.call-to-action-btn a{margin:0 15px 30px 0;}

}



@media(max-width:767px){
	.col-xs-6.isotope-item{width:50%;}
	.col-xs-6.isotope-item:nth-child(2n-1){clear:both;}
	.left-nav-header h5{top:66px;}
	.footer-info img{margin-left:auto;margin-right:auto;}
	.footer-info li{text-align: center;}

	.fat-footer{margin-top:40px;}
	.fat-footer h5{margin-bottom:0;}
	.store-info{margin-bottom:20px;}
	#header .header-btn-collapse-nav{background: rgba(0, 18, 94, 1);margin:25px 0 8px 15px;}
	.header-logo img{max-width:200px;}
}

@media(max-width:640px){
	.news-data{margin-left:0;}
}

@media(max-width:480px){
	.header-logo img{max-width:180px;}
	.call-to-action{padding:0 15px;}
	.call-to-action .call-to-action-content,.call-to-action .call-to-action-btn{padding:0;margin-bottom:0 !important;}
	.call-to-action-content h3:after,.call-to-action-content h3:before{display: none;}
	.call-to-action-btn a{margin:0 15px 20px 0;}
	.copyright{font-size:0.8em;}
}

@media(max-width:320px){
	.call-to-action-content h3:after,.call-to-action-content h3:before{top:30px;}
}


@media(max-width:1199px) and (min-width: 992px){
	.left-nav-header h5{font-size:1em;top:52px;}
	aside ul.nav-list > li > a{font-size:0.9em;}
}