@charset "utf-8";
/* CSS Document */
html {
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: scrollbar;
}

body {
	background: #fff;
	font: 400 12px/1.8 "Open Sans", sans-serif;
	color: #666;
	-webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6,p,li,th,td,#mainTitle,#subTitle
{
	font-family:"Microsoft JhengHei",Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	
}
p,li
{
	font-size:16px;
	line-height: 1.6;
}
img {
	max-width: 100%;
	height: auto;
}

iframe {
	border: 0;
}
/* Selection */
.sendinfo
{
	font-size:20px!important;
	text-align: center;
}
::-moz-selection {
	background:#000;
	color: #fff;
}

::-webkit-selection{
	background:#000;
	color: #fff;
}

::selection{
	background:#000;
	color: #fff;
}
/*Index*/
#header
{
	width:100%;
	height:467px;
	background:url(../images/bg-banner.jpg) center center;
	background-size:cover;	
	position:relative;
}
#about
{
	overflow: hidden;
	text-align:center;
}
/*標題動畫*/
#mainTitle
{
	position:absolute;
	left:50%;
	top:170px;
	width:200px;
	color:#111A51;
	font-size:26px;
	margin-left:-100px;
}
#subTitle
{
	position:absolute;
	left:50%;
	top:240px;
	width:300px;
	color:#111;
	font-size:16px;
	margin-left:-140px;
	letter-spacing: 0px;	
}
#buildRight
{
	position:absolute;
	left:50%;
	bottom:0px;
	width:35%;
	margin-left:-5%;
}
#buildLeft
{
	position:absolute;
	left:50%;
	bottom:0px;
	width:35%;
	margin-left:-30%;
}
#buildGold
{
	position:absolute;
	left:50%;
	bottom:0px;
	width:20%;
	margin-left:20%;
}
#cloudLeft
{
	position:absolute;
	left:0%;
	bottom:10x;
	width:25%;
}
#cloudRight
{
	position:absolute;
	right:0%;
	bottom:10x;
	width:25%;
}
#about p
{
	line-height: 2;
}
.list-service
{
	margin:0;
	padding:0;
}
.list-service div
{
	float:left;
	text-align:center;
	list-style: none;
	width:90%;
	margin:5%;
}
.list-service img
{
	width:auto;
}
.list-service h3
{
	font-size:18px;
	text-align: center;
	padding:10px 0;
}
.list-service p
{
	font-size:15px;
	text-align: justify!important;
	line-height: 1.5!important;
}
#header-in
{
	width:100%;
	position:relative;
	height:150px!important;	
	background:url(../images/banner-in.jpg) center top!important;
}
.thead-light th
{
	text-align: center;
	vertical-align: middle;
}
th,td
{
	font-size: 15px;
}
.table-nowrap th,.table-nowrap td
{
	white-space:nowrap;
}


/*主選單*/
.main-menu
{
	background:rgba(255,255,255,0.9);
	overflow:hidden;
	z-index: 10000;
	border:none;
	position:relative;
	padding-top:40px;
}
.logo
{
	position:absolute;
	left:10px;
	top:10px;
	width:232px;
	height:20px;
	background:url(../images/logo.png) left center;	
	background-size:cover;
	text-indent:-9999px;
}
.main-menu-list
{
	overflow-y: auto;
	overflow-x: hidden;
	display:none;
}
.main-menu-list li
{
	width:100%;
}
.main-menu-list a
{
	width:100%;
	padding:5px;
	display: block;
	text-decoration: none;
	color:#000;	
}
.main-menu-list>li>a
{
	border-bottom:1px solid #000;
}
.submenu
{
	background:rgba(240,240,240,1);
	padding:10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	display:none;
}
/*顥示目前項目*/
.main-menu-list .active a
{
	background:#333;
	color:#fff;
}
.main-menu-list .active .show
{
	display: block;
}
.main-menu-list .active .show .active
{
	background:rgba(198,224,227,1.00);
	color:#000;
}
/*折疊漢堡按鈕*/
.btn-main
{
	position:absolute;
	right:-10px;
	top:-11px;
	background:#000;
	padding:30px;
	outline:none;
	border:none;
	cursor: pointer;
	display: block;
	transform: scale(0.4) translate(55px,-55px);
	-ms-right:-100px;
    
}
.btn-main span
{
	background:#fff;
	height:2px;
	width:50px;
	display: block;
	margin:10px 0;
	transition: all 0.7s;
}
.btn-main.active span:nth-of-type(1)
{
	transform: translateY(15px) rotate(45deg);
}
.btn-main.active span:nth-of-type(2)
{
	opacity:0;
}
.btn-main.active span:nth-of-type(3)
{
	transform: translateY(-10px) rotate(-45deg);
}

.main-menu-social li a,.main-menu-contact li a,.home-link a
{
	display:block!important;
	padding:5px!important;
}
.main-menu-social li:nth-child(1) a
{
	background:#3a559f;	
}
.main-menu-social li:nth-child(2) a
{
	background:#ea0a8c;	
}
.main-menu-social li:nth-child(3) a
{
	background:#ff5a00;	
}
.main-menu-social li:nth-child(4) a
{
	background:#990000;	
}
.main-menu-contact li:nth-child(1) a
{
	background:#10ac11;	
}
.main-menu-contact li:nth-child(2) a
{
	background:#2cbc00;	
}
/*首頁新聞*/
.news-block .news-div
{
	background:#fff;
	padding:10px;
	overflow: hidden;
	margin-bottom:20px;
}
.news-block a
{
	color:#000;
	text-decoration: none;
	display: block;
}
.news-block a:hover
{
	color:#3274a8;
}
.news-block p
{
	padding:3px 0;
	margin:0;
	border-bottom:1px solid #ccc;
}
.news-block small
{
	color:#555;
}
.news-Text p:nth-child(2n)
{
	background:rgba(106,124,152,1);
	color:#fff;
}
.news-Text p:nth-child(2n) a,.news-Text p:nth-child(2n) small
{
	color:#eee;	
}
.news-more
{
	float:left;
	padding:3px 0!important;
	margin:0!important;
}
.news-more a
{
	font-size:15px;
	color:#fff;
	background:#214565;
	padding:5px 10px;
	margin:3px;
	display:inline-block;
}
.news-more a:hover
{
	color:#214565;
	background:rgba(186,207,206,1.00);
}
/*首頁精選*/
.index-case ul
{
	width:100%;
}
.index-case li
{
	list-style:none;
}
.index-case li a
{
	color:#fff;
}
.index-case li a:hover
{
	color:#fff;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.2) inset;
}
.index-case li:nth-of-type(1) a
{
	background:#5b252e;
}
.index-case li:nth-of-type(2) a
{
	background:#214565;
}
.index-case li:nth-of-type(3) a
{
	background:#216554;
}
.index-case li:nth-of-type(4) a
{
	background:#6b4727;
}
.moredetail-btn
{
	padding:5px 10px;
	border:1px solid rgba(81,10,11,1.00);;
	text-decoration: none;
	color:rgba(81,10,11,1.00);;
}
.moredetail-btn:hover
{
	background:#214565;
	color:#fff;
	text-decoration: none;
}

/**/
.news-youtube
{
	padding:10px;
	background:#08254f;
	overflow: hidden;
}
.news-youtube-text
{
	float:left;
}
.news-youtube-text h2
{
	font-size:18px;
	color:#fff;
	margin-top:10px;
}
.news-youtube-text p
{
	font-size:15px;
	color:#eee;
}
.news-youtube-king
{
	float:left;
	margin:10px 0 0 10px;
}
.news-youtube-button
{
	
}
.mfp-bg
{
	z-index: 10!important;
}
/*Other*/
.h1-style
{
	color:#246890;
	letter-spacing: 5px;
	font-size:26px;
}
.h1-blue
{
	color:#08254f;
	font-size:24px;
}

.h2-style
{
	text-align: center;
	letter-spacing: 0px;
	font-size:18px;
	line-height:2;
}
.h2-style span
{
	border-bottom:2px solid #08254f;
	padding-bottom:10px;
}
.h3-blue
{
	color:#08254f;
	font-size:18px;
}
.h3-DarkSlateGrey
{
	color:cadetblue;
	font-size:18px;
}
.h3-sale
{
	color:rgba(33,69,101,1);
	font-size:18px;
}
.h3-recent
{
	color:rgba(90,37,46,1);
	font-size:18px;
}
.h3-back
{
	background:#eee;
	font-size:18px;
	padding:5px;
}
.h3-detail
{
	font-size:18px;
	color:#246890;
	font-weight: normal;
	border-bottom:1px solid #246890!important;
}
.h3-sub
{
	font-size:16px;
	color:#333;
	border-bottom:1px dotted #333!important;
	padding-bottom:5px;
}
.text-orange
{
	color:rgba(107,31,1,1.00);
}
.pt-50
{
	padding-top:50px;
}
.pb-50
{
	padding-bottom:50px;
}
.pt-100
{
	padding-top:100px;
}
.pb-100
{
	padding-bottom:100px;
}
.works-grid
{
	margin:0;
	padding:0;
}
.work-item
{
	list-style: none;
	margin-bottom:16px;
}
.work-item a
{
	text-decoration: none;
	color:#000;
}
.work-title
{
	padding-top:10px;
}
.work-text
{
	float:left;
	width:100%;
	text-align: justify;
}
.bg-glay
{
	background:#eee;
}
.letter-1
{
	letter-spacing: 5px;	
}
#bg-center
{
	height:250px;
	background:url(../images/bg_center.jpg) right top fixed;
	background-size:cover;
}
footer
{
	background:#204665;
	
}
footer h4
{
	color:#fff;
}
footer li
{
	color:#e1e1e1;
	font-size:14px;
	list-style: none;
}
.footer-msg li
{
	float:left;
	text-align: center;
	padding:15px;
}
.footer-msg li a
{
	color:#e1e1e1;
	text-decoration: none;
}
#footer
{
	overflow: hidden;
	padding:10px;
}
#footer p,#footer ul
{
	font-size:14px;
}
#footer ul
{
	width:250px;
}
#footer p
{
	padding-top:10px;
}
#footer #social-block-bottom li
{
	float:left;
	list-style:none;
}
#footer #social-block-bottom a
{
	width:40px;
	height:40px;
	display: block;
	text-indent: -9999px;
}
#footer #social-block-bottom .btn-fb
{
	background:url(../images/icon-fb-s.gif) center center no-repeat;
}
#footer #social-block-bottom .btn-ig
{
	background:url(../images/icon-ig-s.gif) center center no-repeat;
}
#footer #social-block-bottom .btn-blog
{
	background:url(../images/icon-blog-s.gif) center center no-repeat;
}
#footer #social-block-bottom .btn-yt
{
	background:url(../images/icon-yt-s.gif) center center no-repeat;
}
.scroll-up
{
	position:fixed;
	right:5px;
	bottom:5px;
	display: none;
}
.scroll-up a
{
	color:#333;
	display: block;
	padding:10px 15px;
	font-size:16px;
	background:rgba(255,255,255,1);
	border:1px solid #ccc;
}
.mfp-bg
{
	z-index: 10000;
}
.mfp-gallery
{
	z-index: 10001;
}
.news-item
{
	color:#000;
	padding:20px 0;
	text-decoration: none;
}
.news-item:hover
{
	color:#000;
	text-decoration: none;
}

.social-div
{
	height:350px;	
}
/*出租售列表*/
.work-item
{
	position: relative;
}
.recent-label,.sale-label
{
	position:absolute;
	left:40px;
	top:0px;
	background:rgba(90,37,46,1);
	padding:20px 12px 10px 9px;
	color:#fff;
	z-index: 10;
	font-size:16px;
}
.sale-label
{
	background:rgba(33,69,101,1);
}
.sale-label::after,.recent-label::after
{
	content:'';
	background:rgba(46,21,25,0.7);
	width:38px;
	height:18px;
	transform: skewX(30deg);
	position: absolute;
	top:0;
	left:5px;
	z-index: 5;
}
.sale-label::after
{
	background:rgba(29,55,79,0.7);
}
.case-list 
{
	overflow:hidden;
	width:100%;
}
.case-item
{
	border:1px solid #ccc;
	margin:16px 15px;
	padding:10px;
	overflow: hidden;
	background:#fff;
	display: block;
	color:#000;
	box-sizing: border-box;
}
.case-item
{
	overflow: hidden;
	width:100%;
}
.case-item h3
{
	font-size:18px;
	width:100%;
	float:left;
	padding:10px 0;
	height:10px;
	box-sizing: border-box;
}
.case-item p,.case-price
{
	width:50%;
	float:left;
	padding:10px 0;
	height:10px;
	box-sizing: border-box;
}
.casedetail
{
	overflow: hidden;
	width:100%;
	background:#fff;
	padding:10px 10px 100px 10px;
	position: relative;
}
.album-item
{
	border:1px solid #ccc;
	display: block;
	padding:10px!important;
	text-align:justify;
}
.album-item p
{
	line-height: 1.6;
	margin-bottom:0;
}
.btn-case
{
	position: absolute;
	left:0;
	bottom:50px;
	width:100%;
}
.btn-case a
{
	width:33.3%;
	float:left;
	background:#214565;
	color:#fff;
	border-radius:0;
	border:none;
	outline:none;
}
.btn-case a:first-of-type
{
	background:#5b252e;
}
.btn-case a:nth-of-type(2)
{
	background:#205e60;
}
.btn-case a:hover
{
	color:#F0F0E1;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2) inset;
}
.btn-back
{
	position: absolute;
	bottom:0px;
	left:0;
	width:100%;
}
.casedetail h3
{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}
.casedetail p
{
	float:left;
	width:100%;
	color:#000;
	font-size:16px;
	margin:0;
	padding:5px;
}
.caseprice
{
	color:#22264b!important;
}
.caseprice strong
{
	display: inline-block;
	border-radius:5px;
	padding:5px 10px;
	background:rgba(209,209,209,1.00);
	margin-right:10px;
	transform: translateY(-5px);
}
.pricespan span
{
	font-size:24px;
	color:#902424;
	font-family:"Arial";
	font-weight:bold;
}
.caseprice .pricespan span
{
	font-size:60px;
	font-weight:bold;
}
.salesphone
{
	color:#246890;	
	font-size:30px;
	font-family:"Arial";
	font-weight:bold;
}
.casemap
{
	width:100%;
	margin:10px 0;
	padding:0;
	background:#930;
}
.case-list .case-list-item .case-item,.album-item
{
	transition:all 0.3s;
}
.case-list .case-list-item:hover .case-item,.album-item:hover
{
	transform: scale(1.02);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);
}
.pop_back
{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 9999;
	background:rgba(0,0,0,0.8);
	display: none;
}
.pop_content
{
	position:absolute;
	background:rgba(255,255,255,1);
	width:90%;
	left:5%;
	top:5%;
	font-size:16px;
	padding:10px;
	z-index: 10000;
	display: none;
}
.input_height
{
	height:120px!important;
}
.h3-require
{
	font-size:18px;
	margin-top:10px;
	border-bottom:1px solid rgba(32,115,136,1.00);
	color: #fff;
	position:relative;
	z-index: 1;
}
.h3-require span
{
	background:rgba(32,115,136,1.00);
	padding:6px;
	border-radius:5px 5px 0 0;
	line-height: 2;
}
.require_block
{
	background:rgba(255,255,255,0.7);
	margin-top:50px;
	margin-bottom:50px;
}
.bg-map
{
	background:#eee url(../images/bg-contact-map.gif) center center no-repeat;
	background-size:contain;
}
.requirearea
{
	width:45%;
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
	border-radius:3px;
}
.requirearea input
{
	width:18px;
	height:18px;
}
.requirearea .form-check-label
{
	font-size:14px!important;	
}
.rq_size_min_block,.rq_size_max_block,.rq_land_min_block,.rq_land_max_block,.rq_price_min_block,.rq_price_max_block
{
	display:none;
}
.unitprice1,.unitprice2
{
	color:#999;
	cursor:pointer;
}
.unitprice1.active,.unitprice2.active
{
	background:#333;
	color:#fff;
}
.strong-orange
{
	color:rgba(132,53,0,1.00);
}
.rq_public_size_block
{
	display: none;
}
.list-detail
{
	margin:0;
	padding:0;
	width:100%;
}
.list-detail li
{
	list-style: none;
	padding:5px 0;
	border-bottom:1px dotted #ccc;	
}
.detailcontent
{
	margin-bottom:0;
	padding-bottom:0;
}
#marquee
{
	background: url(../images/bg-marquee-white.jpg);
	background-size: cover;
	position: relative;
	height:120px;
}
#marquee .carousel-inner
{
	padding:10px 50px;
}
#marquee .carousel-inner a
{
	font-size:14px;
	color:#000;
	z-index: 500;
	font-family:"Microsoft JhengHei",Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:rgba(81,10,11,1.00);
}
#marquee .carousel-control-prev,#marquee .carousel-control-next
{
	z-index: 100;
	width:50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: url(../images/arrow-right.gif);
}

.carousel-control-prev-icon:after {
 content: url(../images/arrow-left.gif);
}
/*關於欣元公司簡介*/
.comp-intro
{
	border:1px solid #ccc;
	padding:30px 10px 10px;
	position:relative;
	margin-top:50px;
}
.comp-intro h2
{
	position:absolute;
	top:-10px;
	font-size:20px;
	left:50%;
	margin-left:-55px;
	color:#fff;
}
.comp-intro h2 span
{
	background:#214565;
	padding:5px;
}
.comp-intro ul
{
	margin:0;
	padding:0;
	list-style: none;
}
.comp-intro li
{
	border-bottom:1px solid #ccc;
	padding:5px 0;
	font-size:14px;
}
@media screen and (orientation:po12rait){

}
/*Media queries*/
@media (max-width: 576px) {

}
@media (min-width: 768px) {

	.requirearea
	{
		width:110px;
	}
	.list-service div
	{
		width:46%;
		margin:2%;
	}
	#marquee
	{
		height:100px;
	}
	.casedetail p
	{
		width:50%;
	}
}

@media (min-width: 992px) {
	.main-menu
	{
		background:none;
		border:none;
		z-index: auto;
		position:relative;
		padding-top:200px;
	}
	.main-menu-list
	{
		display:block;
	}
	.main-menu-list a
	{
		color:#fff;	
	}
	.main-menu-list>li>a
	{
		border-bottom:1px solid #fff;
	}
	.submenu a
	{
		color:#333;
	}
	/*顥示目前項目*/
	.main-menu-list .active a
	{
		background:#eee;
		color:#000;
	}
	.main-menu-list .active .show
	{
		display: block;
	}
	.main-menu-list .active .show .active
	{
		background:rgba(198,224,227,1.00);
	}
	/*主選單*/
	.logo
	{
		position:absolute;
		left:40px;
		top:60px;
		width:506px;
		height:48px;
		background:url(../images/logo.png) left center;	
		background-size:cover;
		text-indent:-9999px;
	}
	.header-in .logo
	{
		left:40px;
		top:30px;
		width:380px;
		height:36px;
	}	
	#mainTitle
	{
		width:300px;
		font-size:36px;
		margin-left:-150px;
	}
	#subTitle
	{
		width:500px;
		font-size:20px;
		margin-left:-250px;
		letter-spacing: 5px;
	}
	/*折疊漢堡按鈕*/
	.btn-main
	{
		transform: scale(0.5) translate(32px,-32px);
	}
	
	.list-service li img
	{
		width:auto;
	}

	#navCollapse
	{
		position:fixed;
		right:-360px;
		top:0;
		background:rgba(0,0,0,0.9);
		padding:30px;
		height:100%;
		z-index: 501;
	}
	#navCollapse ul
	{
		width:300px;
	}
	
	/*折疊漢堡按鈕*/
	.btn-main
	{
		left:-99px;
        width:110px;
	}	
	/*IE 10+（IE10、IE11、Edge） HACK*/
	_:-ms-lang(x), .btn-main{left:-100px;width:110px;}	
	.nav-block
	{
		position: relative;
		height:554px;
	}
	
	.scroll-up a
	{
		padding:10px 20px;
		font-size:20px;
	}
	/*社群按鈕*/
	.main-menu-social li,.main-menu-contact li,.home-link
	{
		position: absolute;
		width:40px!important;
		height:40px!important;
		left:-63px;
		top:0;
		border:none;
		transform:scale(0.63);
	}
	.home-link
	{
		top:45px;
	}
	.main-menu-social .btn-fb
	{
		top:100px;
	}
	.main-menu-social .btn-ig
	{
		top:155px;
	}
	.main-menu-social .btn-blog
	{
		top:210px;
	}
	.main-menu-social .btn-yt
	{
		top:265px;
	}
	.main-menu-contact .btn-line
	{
		top:320px;
	}
	.main-menu-contact .btn-wechat
	{
		top:375px;
	}
	.main-menu-social a,.main-menu-contact a,.home-link a
	{
		display:block;
		width:88px!important;
		height:88px!important;
		text-indent: -9999px;
		opacity:0.8!important;
		transition:all 0.7s;
	}
	.main-menu-social a:hover,.main-menu-contact a:hover
	{
		opacity:1!important;
	}
	.home-link a
	{
		background:#151a59 url(../images/icon-home-hover.gif) center center no-repeat!important;
	}
	.main-menu-social .btn-fb a
	{
		background:#3a559f url(../images/icon-fb-hover.gif) center center no-repeat!important;
	}
	.main-menu-social .btn-ig a
	{
		background:#ea0a8c url(../images/icon-Instagram-hover.gif) center center no-repeat!important;
	}
	.main-menu-social .btn-blog a
	{
		background:#ff5a00 url(../images/icon-weblog-hover.gif) center center no-repeat!important;
	}
	.main-menu-social .btn-yt a
	{
		background:#ff0000 url(../images/icon-youtube-hover.gif) center center no-repeat!important;
	}
	.main-menu-contact .btn-line a
	{
		background:#01b801 url(../images/icon-line-hover.gif) center center no-repeat!important;
	}
	.main-menu-contact .btn-wechat a
	{
		background:#2dc100 url(../images/icon-wechat-hover.gif) center center no-repeat!important;
	}
	.pop_content
	{
		width:600px;
		height:600px;
		left:50%;
		top:50%;
		margin-left:-300px;
		margin-top:-300px;
	}
	.list-service div
	{
		width:18%;
		margin:1%;
	}
	#marquee .carousel-inner
	{
		padding:20px 130px;
	}
	#marquee .carousel-inner a
	{
		font-size:16px;
	}
	#marquee .carousel-control-prev,#marquee .carousel-control-next
	{
		width:200px;
		z-index: 100;
	}
	/*Other*/
	.h1-style
	{
		color:#246890;
		font-size:32px;
	}
	.h1-blue
	{
		color:#08254f;
		font-size:26px;
	}
	.h2-style
	{
		text-align: center;
		letter-spacing: 10px;
		font-size:24px;
	}
	.h2-style span
	{
		border-bottom:2px solid #08254f;
		padding-bottom:10px;
	}
	.h3-blue
	{
		color:#08254f;
		font-size:22px;
	}
	.h3-DarkSlateGrey
	{
		color:cadetblue;
		font-size:22px;
	}
	.h3-sale
	{
		color:rgba(33,69,101,1);
		font-size:22px;
	}
	.h3-recent
	{
		color:rgba(90,37,46,1);
		font-size:22px;
	}

	.h3-detail
	{
		font-size:24px;
		color:#246890;
		font-weight: bold;
		border-bottom:1px solid #246890!important;
	}
	.h3-sub
	{
		font-size:20px;
		color:#333;
		border-bottom:1px dotted #333!important;
	}
}

@media (min-width: 1200px) {
	.btn-main
	{
		left:-109px;
		top:0px;
		display: block;
		transform: scale(0.8) translate(14px,-14px);
	}
	/*IE 10+（IE10、IE11、Edge） HACK*/
	_:-ms-lang(x), .btn-main{left:-109px;width:110px;}	
	/*社群按鈕*/
	.main-menu-social li,.main-menu-contact li,.home-link
	{
		position: absolute;
		width:88px!important;
		height:88px!important;
		left:-87px;
		top:0;
		border:none;
		transform:scale(1);
	}
	.home-link
	{
		top:83px;
	}
	.main-menu-social .btn-fb
	{
		top:171px;
	}
	.main-menu-social .btn-ig
	{
		top:259px;
	}
	.main-menu-social .btn-blog
	{
		top:347px;
	}
	.main-menu-social .btn-yt
	{
		top:435px;
	}
	.main-menu-contact .btn-line
	{
		top:523px;
	}
	.main-menu-contact .btn-wechat
	{
		top:606px;
	}
	#marquee
	{
		height:70px;
	}
	#marquee .carousel-inner
	{
		padding:20px 150px;
	}
	#marquee .carousel-control-prev,#marquee .carousel-control-next
	{
		width:250px;
	}
	.h1-style
	{
		font-size:40px;
	}
}

@media (min-width: 1600px) {
	#marquee .carousel-inner
	{
		padding:20px 200px;
	}
	.h2-style
	{
		font-size:30px;
	}
}

/*
#214565
color:rgba(81,10,11,1.00);
#216554
#6b4727
*/