@font-face {
	font-family: "Arial Black";
	src:
		local("Arial Black"),
		url(/web/20220430095217im_/http://wishdesign.com.tw/arial-black.ttf);
}

@font-face {
	font-family: "Century Gothic";
	src:
		local("Century Gothic"),
		url(/web/20220430095217im_/http://wishdesign.com.tw/CenturyGothic.ttf);
}


.hidden {
	opacity: 0;
}

.visible {
	opacity: 1;
}

body {
	font-family: "Arial Black", "微軟正黑體";
	font-size: 16px;
	background: #1E2E53;
	padding-top: 28px;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: #000;
}

section,
.container {
	overflow-x: hidden;
}

.cfix:after {
	content: "";
	display: block;
	clear: both;
}

.fright {
	float: right;
}

.fleft {
	float: left;
}

.btn_menu {
	z-index: 100;
	right: 0;
	top: 0px;
	width: 50px;
	height: 50px;
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	border: 1px #ccc groove;
}

.btn_menu span {
	width: 100%;
	height: 100%;
	display: block;
}

.btn_menu span .icon {
	position: absolute;
	cursor: pointer;
	width: 25px;
	height: 25px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: all .3s ease-in-out;
}

.btn_menu span .icon .top,
.btn_menu span .icon .mid,
.btn_menu span .icon .bot {
	background-color: #999;
	height: 3.125px;
	width: 25px;
	position: absolute;
	left: 1.25px;
	overflow: hidden;
	transition: all .3s ease-in-out;
}

.btn_menu span .icon .top {
	top: 1.25px;
}

.btn_menu span .icon .mid {
	top: 10.25px;
}

.btn_menu span .icon .bot {
	top: 19.25px;
}

.btn_menu.active span .icon .top {
	top: 10.25px;
	transform: rotate(45deg);
}

.btn_menu.active span .icon .mid {
	opacity: 0;
	transform: rotate(45deg);
}

.btn_menu.active span .icon .bot {
	top: 10.25px;
	transform: rotate(-45deg);
}

.mobile.homemenu {
	display: none;
}

.container {
	margin: 0 auto;
}

header {
	padding: 20px 50px;
}

.homemenu {
	float: left;
	margin-top: 0px;
	margin-top: 50px;
}

.headbar .homemenu {
	margin-top: 0;
}

.homemenu li {
	float: left;
	padding: 0 12px;
}

/*
.homemenu li {float:left;padding:0 12px;}
.homemenu_item .homemenu_icon {width:56px;height:56px;float:left;}
.homemenu li:nth-of-type(1) .homemenu_icon {background: url(../images/menuicons.png);background-position: 0px 0px;background-size:280px;}
.homemenu li:nth-of-type(2) .homemenu_icon {background: url(../images/menuicons.png);background-position: -56px 0px;background-size:280px;}
.homemenu li:nth-of-type(3) .homemenu_icon {background: url(../images/menuicons.png);background-position: -112px 0px;background-size:280px;}
.homemenu li:nth-of-type(4) .homemenu_icon {background: url(../images/menuicons.png);background-position: -168px 0px;background-size:280px;}
.homemenu li:nth-of-type(5) .homemenu_icon {background: url(../images/menuicons.png);background-position: -224px 0px;background-size:280px;}

.homemenu li:nth-of-type(1):hover .homemenu_icon {background: url(../images/menuicons.png);background-position: 0px -56px;background-size:280px;}
.homemenu li:nth-of-type(2):hover .homemenu_icon {background: url(../images/menuicons.png);background-position: -56px -56px;background-size:280px;}
.homemenu li:nth-of-type(3):hover .homemenu_icon {background: url(../images/menuicons.png);background-position: -112px -56px;background-size:280px;}
.homemenu li:nth-of-type(4):hover .homemenu_icon {background: url(../images/menuicons.png);background-position: -168px -56px;background-size:280px;}
.homemenu li:nth-of-type(5):hover .homemenu_icon {background: url(../images/menuicons.png);background-position: -224px -56px;background-size:280px;}

.homemenu li:hover .homemenu_text span {color:#fff;}
.homemenu_item .homemenu_text {float:left;padding:10px 0 0 10px;}
.homemenu_item .homemenu_text span {display:block;font-size:20px;color:#BF9D5B;font-weight: bold;letter-spacing:1px;font-family:"Century Gothic"}
.homemenu_item .homemenu_text span:nth-of-type(2) {font-size:14px;font-weight: normal;margin-top:3px;font-family:"微軟正黑體"}
*/
.homemenu li {
	float: left;
	padding: 0 10px;
}

.homemenu_item .homemenu_icon {
	width: 48px;
	height: 48px;
	float: left;
}

.homemenu li:nth-of-type(1) .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: 0px 0px;
	background-size: 240px;
}

.homemenu li:nth-of-type(2) .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -48px 0px;
	background-size: 240px;
}

.homemenu li:nth-of-type(3) .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -96px 0px;
	background-size: 240px;
}

.homemenu li:nth-of-type(4) .homemenu_icon {
	background: url(../images/family_iconb.png);
	background-size: 48px;
}

.homemenu li:nth-of-type(5) .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -144px 0px;
	background-size: 240px;
}

.homemenu li:nth-of-type(6) .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -192px 0px;
	background-size: 240px;
}

.homemenu li:nth-of-type(1):hover .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: 0px -48px;
	background-size: 240px;
}

.homemenu li:nth-of-type(2):hover .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -48px -48px;
	background-size: 240px;
}

.homemenu li:nth-of-type(3):hover .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -96px -48px;
	background-size: 240px;
}

.homemenu li:nth-of-type(4):hover .homemenu_icon {
	background: url(../images/family_icong.png);
	background-size: 48px;
}

.homemenu li:nth-of-type(5):hover .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -144px -48px;
	background-size: 240px;
}

.homemenu li:nth-of-type(6):hover .homemenu_icon {
	background: url(../images/menuicons.png);
	background-position: -192px -48px;
	background-size: 240px;
}

.homemenu li:hover .homemenu_text span {
	color: #fff;
}

.homemenu_item .homemenu_text {
	float: left;
	padding: 8px 0 0 5px;
}

.homemenu_item .homemenu_text span {
	display: block;
	font-size: 18px;
	color: #BF9D5B;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: "Century Gothic"
}

.homemenu_item .homemenu_text span:nth-of-type(2) {
	font-size: 14px;
	font-weight: normal;
	margin-top: 3px;
	font-family: "微軟正黑體"
}


section {
	margin-bottom: 80px;
}

section .container {
	width: 1440px;
}

section.synopsis .title_item_icon {
	background: url(../images/menuicons.png);
	background-position: 0px -64px;
	background-size: 320px;
}

section.about .title_item_icon {
	background: url(../images/menuicons.png);
	background-position: -64px -64px;
	background-size: 320px;
}

section.work .title_item_icon {
	background: url(../images/menuicons.png);
	background-position: -128px -64px;
	background-size: 320px;
}

section.contact .title_item_icon {
	background: url(../images/menuicons.png);
	background-position: -192px -64px;
	background-size: 320px;
}

section.synopsis {
	margin-bottom: 140px
}

.synopsis .bigword {
	color: #BF9D5B;
	font-size: 320px;
	text-align: center;
	display: block;
	position: relative;
}

.synopsis .smallword {
	color: #fff;
	font-size: 32px;
	text-align: center;
	display: block;
	opacity: 1;
}

.synopsis .lineword {
	color: #fff;
	font-size: 22px;
	text-align: center;
	letter-spacing: 1px;
	line-height: 1.5em;
	margin: 60px auto 0 auto;
}

section.synopsis .section_title {
	margin-bottom: 0px;
	margin-top: 80px
}



.logo {
	width: 360px;
	height: 106px;
	background: url(../images/logo.png);
	background-size: 360px;
	float: right;
}

.section_title {
	height: 105px;
	font-size: 56px;
	position: relative;
	letter-spacing: 1px;
	margin: 80px 0 50px 0;
	font-weight: bold;
	color: #BF9D5B
}

.title_item_1 {
	width: 410px;
	margin-top: -15px
}

.title_item_1,
.title_item_2 {
	float: left;
	font-family: "Century Gothic"
}

.title_item_1 .title_item_icon {
	float: right;
	width: 64px;
	height: 64px;
	margin: -3px 10px 0 0;
}

.title_item_1 span {
	float: right
}

.title_item_2 {
	margin-left: 50px;
	margin-top: 0px;
	font-size: 40px;
}

svg.titleline {
	position: absolute;
	top: -28px;
	left: 0px
}

.col_4 .col {
	box-sizing: border-box;
	width: 25%;
	float: left;
	position: relative;
}

.services {
	color: #BF9D5B;
	font-weight: bold;
	margin: 60px 0;
	text-align: center;
}

.services h2 {
	font-size: 56px;
	font-family: "Century Gothic";
	letter-spacing: 0.1em;
}

.services h2 span {
	font-size: 36px;
	letter-spacing: 8px;
	font-family: "微軟正黑體";
}

.services_box {
	margin: 30px 0 100px 0;
}

.services_box ul {}

.services_box li {
	display: inline-block;
	font-size: 26px;
	font-weight: normal;
	padding: 30px 0px;
	letter-spacing: 3px;
	cursor: pointer;
}

.services_box li a {
	color: #BC9A59
}

.serlia {
	color: #BC9A59
}

.services_box li:before {
	content: "/ ";
	font-size: 32px;
	font-family: Arial;
}

.services_box li:first-of-type:before {
	content: "";
}

.about .container {
	width: 1280px;
}

section.about .section_title {
	margin-bottom: 20px;
}

.teammember {
	padding: 0;
	font-family: "Arial", ;
	width: 50%;
	float: left;
}

.teampic,
.teamarticle {
	float: left;
	font-size: 18px;
	color: #fff;
	line-height: 2em;
	padding: 20px 0;
}

.teampic {
	width: 50%;
}

.teampic img {
	width: 100%;
	display: block;
}

.teamarticle {
	width: 50%;
	box-sizing: border-box;
	text-align: justify;
	padding-right: 20px;
	padding-left: 10px;
	float: right;
}

.teamtitle {
	color: #BF9D5B;
	font-weight: bold;
}

.teamtitle span {
	color: #fff;
	font-weight: normal;
	padding: 0 8px;
}

.teamdes {
	line-height: 1.5em;
	font-size: 17px;
}

.teammember_row {
	border-bottom: 1px solid #BF9D5B;
}

.teammember_bossrow {
	border-bottom: none;
}

.teammember_bossrow .teampic {
	padding: 0;
}

.teammember_row:nth-of-type(2) .teammember:first-of-type .teamarticle {
	width: calc(50% - 10px);
	padding-left: 0;
}

.teammember_row:nth-of-type(2) .teammember {
	padding: 0;
}

.teammember_row:nth-of-type(2) .teampic,
.teammember_row:nth-of-type(2) .teamarticle {
	border-top: 1px solid #BF9D5B;
}

.teammember_row:nth-of-type(2) .teammember:first-of-type .teampic {
	border-top: none;
}




.teammember.boss {
	width: 100%;
	border-bottom: none !important;
}

.teammember.boss .teampic {
	width: 25%;
	height: 100%;
	float: left;
	padding: 0;
}

.teammember.boss .teamarticle {
	width: 75%;
	box-sizing: border-box;
	padding: 10px 0 0 30px;
	float: left;
	font-size: 22px;
}

.teammember.boss .teamarticle .teamdes {
	font-size: 20px;
}

.teammember:last-of-type {
	border-bottom: none;
}

section.work {
	margin-bottom: 110px;
}

.worklist_item {
	float: left;
	width: calc(100% / 12);
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	opacity: 0.9;
	overflow: hidden
}

.worklist_item:hover {
	opacity: 1;
}

.worklist_item img {
	width: 100%;
}







section.contact {
	margin-bottom: 20px;
}

section.contact .section_title {
	margin-bottom: 80px;
}

section.contact .container {
	background: url("../images/contact-bg.jpg") left top no-repeat;
}

.contact .container {
	width: 1280px;
	padding-top: 20px;
	background: rgba(0, 0, 0, 0.2)
}

.contactbox form {
	float: right;
	padding: 0 50px;
	box-sizing: border-box;
	width: 70%;
}

.contactbox form input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	height: 3em;
	margin-bottom: 10px;
	padding: 10px 15px;
}

.contactbox form input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	height: 3em;
	margin-bottom: 10px;
	padding: 10px 15px;
}

.contactbox form textarea {
	width: 100%;
	height: 16em;
	box-sizing: border-box;
	padding: 10px 15px;
}

.contactbox form input[type="submit"] {
	width: 7em;
	height: 3em;
	;
	margin: 20px auto;
	font-size: 18px;
	box-sizing: border-box;
	background: #BF9D5B;
	color: #1E2E53;
	font-weight: bold;
	border: none;
	cursor: pointer;
	display: block;
}

.contactbox form input[type="submit"]:hover {
	border: 1px solid #BF9D5B;
	background: none;
	color: #BF9D5B;
}

.contactbox form span {
	color: #BF9D5B;
	font-weight: bold;
	opacity: 0.6;
	background: #1E2E53;
	padding: 4px 30px;
	display: inline-block;
	line-height: 2em;
}

.contact_note {
	float: left;
	width: 10em;
	height: 10em;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 6em;
	position: relative;
	font-size: 16px;
	top: 180px;
	left: 125px;
}

.contact_note span {
	top: calc(50% - 1.5em);
	position: absolute;
	left: calc(50% - 4em);
	text-align: center;
	line-height: 1.5em;
}


footer {
	margin-bottom: 190px;
}

footer .container {
	width: 1080px;
}

footer {
	font-size: 18px;
	color: #BF9D5B;
	font-family: "Arial", "微軟正黑體";
	font-weight: 300;
}

footer .footnone {
	padding: 5px 0;
}

footer .footnone li {
	float: left;
	padding: 0 15px;
}

footer .footnone li .circleword {
	color: #1E2E53;
	background: #BF9D5B;
	width: 24px;
	height: 24px;
	border-radius: 28px;
	float: left;
	text-align: center;
	padding-top: 4px;
	box-sizing: border-box;
	margin: -5px 5px 0 0;
}

.nnbsp {
	width: 1em;
	display: inline-block;
}

/*For Wordpress*/
.teamtitle p:first-of-type {
	display: inline-block;
}

.teamtitle p:nth-of-type(2),
.teamtitle p:nth-of-type(3) {
	color: #fff;
	font-weight: normal;
	padding: 0 8px;
	display: inline-block
}

.teamtitle p:nth-of-type(2):before {
	content: "/ ";
	color: #BF9D5B;
	font-weight: bold;
}

.teampic {
	margin-bottom: 0px !important;
}

/*bx slider*/


.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	/*border:  5px solid #fff;*/
	background: #fff;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	zoom: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	display: none;
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	display: none;
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 100;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 100%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
	display: none;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/*NAV 導覽列
    .nav{
        position: fixed;
        top:50%;
        right:0px;
        cursor:pointer;
    }
    .nav li{
        width:10px;
        height:10px; 
        margin: 10px;
        background-color: white;
        border-radius: 5px;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,-1px -1px 1px rgba(0,0,0,0.5) inset;
        list-style-type: none;
    }*/
#gotop {
	/* display: none; */
	position: fixed;
	right: 20px;
	bottom: 20px;
	padding: 10px 15px;
	font-size: 20px;
	background: #BD9B5A;
	color: white;
	cursor: pointer;
	border-radius: 5px;
}

#gotop:hover {
	background: #D6B678
}

.DrawSVG {
	visibility: hidden;
}

.lv_skin .lv_spinner_wrapper+canvas {
	display: none !important;
	opacity: 0;
}





section.family .title_item_icon {
	background: url(../images/family_icong.png);
	background-position: 0px 0px;
	background-size: 64px;
}

section.family .container {
	overflow: hidden;
}

.title_year {
	width: 107px;
	height: 58px;
	background: url("../images/family_yearbg.png") no-repeat;
	position: relative;
}

.title_year h2 {
	position: absolute;
	top: 22px;
	left: 36px;
	font-size: 21px;
	color: #1e2e53;
	font-family: "Century Gothic";
}

.col6_1 {
	width: calc(100% / 6);
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
}

.cover_gallery_item {
	margin: 20px 0;
}

.cover_gallery_item a {
	display: inline-block;
	color: #BF9D5B;
	opacity: .8
}

.cover_gallery_item a:hover {
	text-decoration: underline;
	opacity: 1;
}

.front_cover img {
	width: 100%;
}

.front_cover_des {
	padding-top: 10px;
	text-align: center;
	color: #BF9D5B;
}





/*Gallery Tree Menu*/
#menutree {
	width: 150px;
	float: left;
}

#menutree li {
	list-style: none;
	/* all list item li dots invisible */
}

#menutree input[type=checkbox] {
	opacity: 0;
	/* checkboxes invisible and use no space */
}

/* display: none; is better but fails in ie8 */

#menutree li .menu_label {
	cursor: pointer;
	/* cursor changes when you mouse over this class */
}

/* could add the many user-select: none; commands here */

#menutree input[type=checkbox]+ol>li {
	display: none;
	/* prevents sublists below unchecked labels from displaying */
}

#menutree input[type=checkbox]:checked+ol>li {
	display: block;
	/* display submenu on click */
}

#menutree .menu_label {
	color: #fff
}

.menutree_link {
	color: #ddd;
	padding-left: 1em;
	line-height: 1.5em;
}

.menutree_link:hover {
	text-decoration: underline;
}

/*Gallery Tree Menu*/

.wish_gallery {
	width: calc(100% - 150px);
	float: left;
}

.gallery_item {
	width: calc(100% / 7 - 20px);
	float: left;
	background-size: cover;
	box-sizing: border-box;
	margin: 10px;
	cursor: pointer;
}

.gallery_item:nth-of-type(1),
.gallery_item:nth-of-type(2),
.gallery_item:nth-of-type(3),
.gallery_item:nth-of-type(4),
.gallery_item:nth-of-type(5),
.gallery_item:nth-of-type(6),
.gallery_item:nth-of-type(7),
.gallery_item:nth-of-type(8),
.gallery_item:nth-of-type(9),
.gallery_item:nth-of-type(10),
.gallery_item:nth-of-type(11),
.gallery_item:nth-of-type(12),
.gallery_item:nth-of-type(13),
.gallery_item:nth-of-type(14),
.gallery_item:nth-of-type(15),
.gallery_item:nth-of-type(16),
.gallery_item:nth-of-type(17),
.gallery_item:nth-of-type(18),
.gallery_item:nth-of-type(19),
.gallery_item:nth-of-type(20),
.gallery_item:nth-of-type(21) {
	display: block;
}

.gallery_item {
	display: none;
}

h2.family_pagetitle {
	color: #BF9D5B;
	font-size: 48px;
	margin: 0 0 15px 0;
	font-family: "Century Gothic";
	margin-bottom: 32px;
}

h2.family_pagetitle span {
	font-size: 28px;
	letter-spacing: 0.3em;
	padding-left: 0.3em;
	font-family: 微軟正黑體
}

#menutree li.active:before {
	content: ">";
	position: absolute;
	color: #BF9D5B;
	line-height: 22px;
}

#menutree li a {
	display: inline-block;
	font-family: "Century Gothic", 微軟正黑體;
}

section.gallery {
	box-sizing: border-box;
	width: calc(100vw - 40px);
	height: calc(100vh - 40px);
	padding: 15px;
	border: 1px solid #BF9D5B;
	position: relative;
	top: 20px;
	left: 20px;
	overflow: hidden;
	margin: 0;
}

section.gallery .container {
	width: 100% !important;
	height: 100%;
	padding: 5vw 0;
}

/*=========================Mobile Media Query ======================================*/







@media screen and (max-width: 1440px) {
	section .container {
		width: 1200px !important;
	}

	.logo {
		float: none;
		margin: 0 auto;
	}

	.synopsis .bigword {
		font-size: 25vw;
	}

	.homemenu li {
		padding: 0;
		width: 11.5vw;
	}

	.homemenu {
		width: 70vw;
		margin: 20px auto 0 auto;
		float: none;
	}

	.homemenu_item {
		text-align: center;
	}

	.homemenu_item .homemenu_text {
		float: none;
		padding: 10px 0;
	}

	.homemenu_item .homemenu_icon {
		float: none;
		margin: 0 auto;
	}
}


@media screen and (max-width: 1200px) {
	section .container {
		width: 100vw !important;
		;
	}

	.teamdes {
		font-size: 15px;
		font-size: 1.2vw;
	}

	section.gallery .container {
		padding: 0
	}
}





@media screen and (max-width: 990px) {}




@media screen and (max-width: 768px) {
	svg {
		display: none;
	}

	section .container {
		width: 100vw;
	}

	.contact .container,
	.about .container,
	footer .container {
		width: 100vw;
	}

	.section_title {}

	.homemenu,
	.language,
	.homebanner {
		display: none;
	}

	header {
		top: 0;
		padding: 10px 0px;
		z-index: 999;
		position: fixed;
		width: 100vw;
		border-bottom: 1px solid #333;
		background: #1E2E53;
		box-sizing: border-box;
		height: 24vw;
		max-height: 90px
	}

	.headbar {
		position: relative;
		z-index: 1000;
	}

	.btn_menu {
		display: block;
		margin: 20px;
		z-index: 1000;
	}

	.homemenu {
		width: 100vw;
		height: 100vh;
		position: relative;
		top: 0vh;
		left: 0vw;
		z-index: 999;
		background: #1E2E53;
		overflow: hidden;
	}

	.homemenu>ul>li {
		float: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		width: auto;
	}

	.homemenu>ul {
		margin-top: 0px;
	}

	.homemenu>ul>li>a {
		display: block;
		padding: 5px 0;
		line-height: 35px;
		color: #fff;
		text-align: center;
	}

	.homemenu>ul>li>a:hover {}

	.homemenu>ul>li>ul a {
		display: block;
		padding: 5px 0;
		background: #000;
		border: none;
		line-height: 35px;
	}

	.homemenu>ul>li>ul a:hover {}

	.homemenu_icon {
		display: none;
	}

	.homemenu_item .homemenu_text {
		padding: 0 0 0 10vw;
		text-align: left;
	}

	.homemenu_item .homemenu_text span {
		font-size: 1em;
		display: inline-block;
	}

	.homemenu_item .homemenu_text span:nth-of-type(2) {
		font-size: 1em;
		display: inline-block;
	}

	.slider {
		margin-top: 70px;
	}

	.logo {
		width: 38vw;
		height: 11vw;
		background-size: 38vw;
		float: right;
		margin-right: 10vw;
	}

	.homemenu_item .homemenu_text span {
		text-align: left;
	}

	.col_4 .col {
		width: 100%;
		height: 90vh;
	}

	.services h2 span:before {
		content: "";
		display: block;
	}

	.services h2 span {
		padding-left: 0;
	}

	.services_box li {
		padding: 7px 0;
	}

	.teammember_row .teammember {
		width: 100%;
		min-height: 90vh;
		height: auto
	}

	.teammember.boss .teampic,
	.teammember.boss .teamarticle {
		width: 100%;
		height: auto;
	}

	.teammember.boss .teamarticle {
		padding: 20px 30px;
	}

	.teammember_row:nth-of-type(2) .teammember:first-of-type .teamarticle {
		width: 100%;
	}

	.teampic,
	.teamarticle {
		width: 100%;
	}

	.teammember.boss .teamarticle .teamdes {
		font-size: 1.2em;
	}

	.section_title {
		line-height: 1.5em;
		color: #fff;
		width: 70vw;
		margin: 14vw auto;
		border: 1px solid #ccc;
		background: none;
		height: auto;
		padding: 25px 15px 15px 15px;
		margin-top: 44vw;
	}

	.title_item_1 {
		width: auto;
		text-align: right;
		float: none;
		position: absolute;
		top: -0.3em;
		background: #1E2E53;
		line-height: 1em;
	}

	.title_item_1 span {
		font-size: 12vw;
		float: none;
		display: block
	}

	.title_item_2 {
		float: none;
		font-size: 28px;
		padding: 0 20px;
		text-align: right;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}

	.title_item_icon {
		display: none;
	}

	.worklist_item {
		width: calc(100% / 6);
		font-size: 30px;
	}

	.synopsis .bigword {
		font-size: 40vh;
	}

	.synopsis .lineword {
		font-size: 20px;
		margin-top: 10vh
	}

	.teammember_row {
		border: none;
	}

	.teammember_row:nth-of-type(2) .teampic,
	.teammember_row:nth-of-type(2) .teamarticle {
		border: none;
	}

	.teammember_row:nth-of-type(2) .teammember:first-of-type .teamarticle {
		padding: 20px 30px;
	}

	.teamdes {
		font-size: 1em;
	}

	.teamarticle {
		padding: 20px 30px;
	}

	.teampic img {
		max-width: 480px;
		margin: 0 auto;
	}

	.contactbox form {
		padding: 0 20px;
		width: 100%;
	}

	section.contact .container {
		background-size: cover;
	}

	.contact_note {
		float: none;
		margin: 20px auto;
		top: auto;
		left: auto;
	}

	.contactbox form textarea {
		height: 10em;
	}

	footer .footnone li {
		float: none;
		padding: 10px 20px;
	}

	footer {
		margin-bottom: 30px;
	}

	footer .footnone li a {
		color: #BF9D5B
	}

	.col6_1 {
		width: calc(100% / 3);
	}

	.gallery_item {
		width: calc(100% / 3 - 10px);
		margin: 5px;
	}


}

















@media screen and (max-width: 480px) {
	svg {
		display: none;
	}

	section .container {
		width: 100vw;
	}

	.contact .container,
	.about .container,
	footer .container {
		width: 100vw;
	}

	.homemenu,
	.language,
	.homebanner {
		display: none;
	}

	.headbar {
		position: relative;
		z-index: 1000;
	}

	.btn_menu {
		display: block;
		margin: 20px;
		z-index: 1000;
	}

	.homemenu {
		width: 100vw;
		height: 100vh;
		position: relative;
		top: 0vh;
		left: 0vw;
		z-index: 999;
		background: #1E2E53;
		overflow: hidden;
	}

	.homemenu>ul>li {
		float: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1)
	}

	.homemenu>ul {}

	.homemenu>ul>li>a {
		display: block;
		padding: 5px 0;
		line-height: 35px;
		color: #fff;
		text-align: center;
	}

	.homemenu>ul>li>a:hover {}

	.homemenu>ul>li>ul a {
		display: block;
		padding: 5px 0;
		background: #000;
		border: none;
		line-height: 35px;
	}

	.homemenu>ul>li>ul a:hover {}

	.homemenu_icon {
		display: none;
	}

	.slider {
		margin-top: 70px;
	}

	.logo {
		width: 60vw;
		height: 17vw;
		background-size: 60vw;
		float: right;
		margin-right: 10vw;
	}

	.homemenu_item .homemenu_text span {
		text-align: left;
	}

	.col_4 .col {
		width: 100%;
		height: 90vh;
	}

	.services h2 span:before {
		content: "";
		display: block;
	}

	.services h2 span {
		padding-left: 0;
	}

	.services_box li:before {
		content: "";
	}

	.services_box li {
		display: block;
		padding: 10px 0;
		font-size: 6vw;
	}

	.teammember {
		width: 100%;
		height: 90vh
	}

	.teammember.boss .teampic,
	.teammember.boss .teamarticle {
		width: 100%;
		height: auto;
	}

	.teammember.boss .teamarticle {
		padding: 20px 30px;
	}

	.teammember_row:nth-of-type(2) .teammember:first-of-type .teamarticle {
		width: 100%;
	}

	.teampic,
	.teamarticle {
		width: 100%;
	}

	.teammember.boss .teamarticle .teamdes {
		font-size: 4.5vw;
	}

	.title_item_1 {}

	.title_item_1 span {}

	.worklist_item {
		width: calc(100% / 3);
		font-size: 30px;
	}

	.title_item_2 {}


	.teammember_row {
		border: none;
	}

	.teammember_row:nth-of-type(2) .teampic,
	.teammember_row:nth-of-type(2) .teamarticle {
		border: none;
	}

	.teammember_row:nth-of-type(2) .teammember:first-of-type .teamarticle {
		padding: 20px 30px;
	}

	.teamdes {
		font-size: 4vw;
	}

	.teamarticle {
		padding: 20px 30px;
	}

	.contactbox form {
		padding: 0 20px;
		width: 100%;
	}

	section.contact .container {
		background-size: cover;
	}

	.contact_note {
		float: none;
		margin: 20px auto;
		top: auto;
		left: auto;
	}

	.contactbox form textarea {
		height: 10em;
	}

	footer .footnone li {
		float: none;
		padding: 10px 20px;
	}

	footer {
		margin-bottom: 30px;
	}

	footer .footnone li a {
		color: #BF9D5B
	}

	.btn_menu {
		border: none;
	}

	.col6_1 {
		width: calc(100% / 2);
	}

	.gallery_item {
		width: calc(100% / 2 - 10px);
	}

	section.gallery {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	#menutree {
		float: none;
	}

	.wish_gallery {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 320px) {

	.btn_menu {
		border: none;
	}
}

/*
     FILE ARCHIVED ON 09:52:17 Apr 30, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:33:02 Feb 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.603
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.03
  esindex: 0.011
  cdx.remote: 28.977
  LoadShardBlock: 90.537 (3)
  PetaboxLoader3.datanode: 172.683 (6)
  PetaboxLoader3.resolve: 121.587 (3)
  load_resource: 269.26 (2)
  loaddict: 78.919
*/