@charset "utf-8";
:root{
  --bgcBL:#000000;
  --bgcBLop:rgba(0,0,0,.6);
  --mainClolor:#C7A95D;
}

/* Menu */
.navbar {max-width: 1240px;margin: 0 auto;}

.navbar-out {width: 100%;overflow: hidden;}
.vip_m_1100218 { text-align:center; margin:10px auto 20px;}
.vip_m_1100218 a { display:inline-block; padding:2px 14px; border-radius:3px; background:var(--bgcBL);color:var(--mainClolor); letter-spacing:1px; box-shadow:0 0 5px #aaa;}


ul.navbar-left {margin:20px -3px;}
ul.navbar-left li {list-style:none;width:calc((100% / 8) - 6px);text-align: center;font-size:13px; margin: 3px;}
ul.navbar-left li.logo_not_show{float: none;margin: 0 auto; width: 100%; display: flex; justify-content: center;}
ul.navbar-left li span{display:block;line-height:20px;margin:5px 0;}
ul.navbar-left li.logo_not_show a{width:calc((100% / 8) - 6px); display: block; margin: 0 auto;}
ul.navbar-left li a {padding:5px;text-decoration:none;color:#8B8C8B;line-height:20px; }
ul.navbar-left li a img { max-width:100%;}
ul.navbar-left li a:hover ,ul.navbar-left li a.active{color:var(--mainClolor);}

.navbar-ac {background:url(../images/logo.png) center top no-repeat;height:160px;cursor: pointer;display: none;position:relative; background-size:120px;}
.navbar-ac:before {content: "\f0c9";font-family: FontAwesome;font-weight: normal;font-size: 3em;margin: 15px;right: 0;position: absolute;color: var(--mainClolor);display:none;}

/*************************/
/*      中間型號選單       */
/*************************/
.choice_type.clearfix{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -3px;}
.type_selected.clearfix:before, .type_selected.clearfix:after,
.choice_type.clearfix:before, .choice_type.clearfix:after{display: none;}
.traffic_selected{display:none;width:100%;font-size:14px; justify-content: center;}
.traffic_selected li{display:block;width:50%;text-align:center;line-height:0px;color:#fff;}
 
.type_selected{display:flex;background:#fff;/*height:50px;*/ flex-wrap: wrap; justify-content: space-between;}
.type_selected+div{display: none;}
.type_selected.traffic_C { width:calc((100% / 8) * 3);} 
.type_selected.traffic_M { width:calc((100% / 8) * 2);}
.type_selected.traffic_P { width:calc((100% / 8) * 3);}

.type_selected li{width:calc((100% / 3) - 6px);/*height:50px;*/color:var(--mainClolor);text-align:center; background:var(--bgcBL); /*border:2px #fff solid;*/ border-radius:10px; padding:14px 6px; margin: 3px; display: flex; justify-content: center; align-items: center; align-content: center;}
.type_selected.traffic_M li { width:calc(50% - 6px);}

.type_selected li a{color:var(--mainClolor); font-size:14px; line-height:180%;}


.footer {margin-bottom:30px;}
.footer h1.title{text-align:center; margin: 0;}
.footer li{text-align:center;font-size:13px;}
.footer .availableFrom{color: var(--mainClolor); font-size: 13px; display: flex; margin-top: 30px;}
.footer .availableFrom li{ font-size: 0.83em; flex: 1; line-height: 1.2; display: flex; justify-content: center; align-items: center; align-content: center;}
.footer .availableFrom li+li{border-left: 1px solid var(--mainClolor);}
.footer .availableFrom li a{color: inherit; font-weight: bold; line-height: 1.2; padding: 2px;}
.footer .office_branch{color:#8B8C8B;display:block;margin:30px auto;}
.footer .office_branch li{float:left;width:25%;}
.footer .branch_dtl{color:#9E9F9E;}
.footer .branch_dt li{display:block;width:100%;line-height:18px;float:none;}
.footer .copy_r{color:#8B8C8B;padding:10px;font-size:13px;border-top:1px #F0F0F0 solid;float: left;width: 75%;margin-top: -30px;}

.keywords{width:100%;display:block;height:5px;overflow:hidden;color:#F7F7F7;text-indent: 100%;white-space: nowrap;-webkit-text-size-adjust:none;}

@media screen and (max-width: 1080px){
ul.navbar-left li.logo_not_show,
.logo_not_show{display:none;}
.navbar-ac {display: block;}
ul.navbar-left{padding: 0 10px;}
.type_selected li a{line-height: 1.4;}


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

/*Mobil Uyumlu Menu*/
.navbar-ac:before {display:block;}
ul.navbar-left {display: none;float: none;background: #f8f8f8; border-top: 1px solid #b2b4b3;border-bottom: 1px solid #b2b4b3;}
ul.navbar-left li{float: none;width:100%;}
ul.navbar-left li span{padding: 5px;border-bottom:1px dotted #CF9ECF;  }
ul.navbar-left li a {}

ul.navbar-left li:last-child a{width:50%;float:left;height:50px;color:var(--mainClolor);line-height:50px;border-bottom:none;}
ul.navbar-left li:last-child a:nth-child(1){position:relative;border:none;}
ul.navbar-left li:last-child a:nth-child(1):after{position:absolute;content:'';top:0;bottom:0;width:100%;border-right:1px dotted #cf9ecf;display:block;}

.traffic_selected.close{display:none;}
.traffic_selected{display:flex;width:100%;font-size:14px;margin:20px 0 0 0;}
.traffic_selected li{display:block;width:33%;text-align:center;line-height:40px;text-indent: -9999px;}
.traffic_selected li{height:40px;background-position:center center;background-repeat:no-repeat;line-height:40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-size:contain;}

.traffic_selected li.traffic_bgP{background-image:url(../images/airplane-shape.png);}
.traffic_selected li.traffic_bgP:hover{background-image:url(../images/airplane-shape2.png);}
.traffic_selected li.traffic_bgM{background-image:url(../images/yacht-shape.png);border-right:1px solid #ccc;}
.traffic_selected li.traffic_bgM:hover{background-image:url(../images/yacht-shape2.png);}
.traffic_selected li.traffic_bgC{background-image:url(../images/carA.png);border-right:1px solid #ccc;}
.traffic_selected li.traffic_bgC:hover{background-image:url(../images/carA2.png);}

.type_selected{display:block;width:100% !important;float:left;}
.type_selected li{width:100% !important;text-align:center;height:50px;color:var(--mainClolor);float:left;text-align:center;}
.type_selected li a{line-height:50px;color:var(--mainClolor);}
.type_selected.traffic_C.close li,
.type_selected.traffic_M.close li,
.type_selected.traffic_P.close li{display:none;height:0px;}



.footer{width:98%;margin:0 auto;}
.footer li{font-size:12px;}
.footer .office_branch li{width:325px;margin:20px auto 30px;text-align:left;padding-left:30px;float:none; display:inline-block; vertical-align:top;}
.footer .branch_dt li{margin:0;padding:0;width:100%;}
.footer .copy_r{width:100%;text-align:center;}	



.footer .availableFrom{display: none;}
}
}


@media (min-width:864px) {
ul.navbar-left {display: flex !important; justify-content: center; align-items: flex-end; align-content: center; flex-wrap: wrap;}
}





/************** 2021 new page ****************/
.page_list_202104 {}
.page_list_202104 ul { list-style:none; display:grid; width:100%; grid-template: auto / 1fr 1fr 1fr ; grid-gap: 20px;}
.page_list_202104 li { width:100%; /*padding:7px;*/ line-height:0; margin-bottom:50px; position: relative;}
.page_list_202104 a { display:block; background: #000;}
.page_list_202104 h3 { font-size:17px; color:var(--mainClolor); line-height:130%; background: var(--bgcBLop); padding: 15px 10px; width: 100%; overflow-style: auto; text-align: center;}
.page_list_202104 img { width:100%; display: block;}

.paper_hover_img { position:relative;}
.paper_hover_img:before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); opacity:0; transition: .3s;}
.paper_hover_img:hover:before { opacity:1;}

.paper_hover_tt {}

@media (max-width:1040px) {
ul.navbar-left{align-items: flex-start;}
}
@media (max-width:992px) {
.page_list_202104 ul { grid-template: auto / 1fr 1fr;}
}
@media (max-width:640px) {
.page_list_202104 h3 { font-size:15px; padding: 5px 10px;}
}



.page_category { font-size:26px; color:var(--mainClolor); font-weight:1000; padding:15px; letter-spacing:1px; background:var(--bgcBL); border-radius:4px; box-shadow:0 0 10px #999; margin:30px 0 100px;}
.page_title { font-size:32px; color:#333; font-weight:400; text-align:center; line-height:130%;}
.page_view { text-align:center; font-size:32px; color:var(--mainClolor); font-weight:400; padding:100px 7px 50px; letter-spacing:2px;}
.page_view:before,
.page_view:after { content:''; display:inline-block; vertical-align:middle; width:100px; height:1px; background:var(--mainClolor); margin:0 20px;}
.page_img_view {}
.page_img_view ul { list-style:none; display:block; width:100%;}
.page_img_view li { display:block; padding:7px;}
.page_img_view img { max-width:100%;}

.page_img_view_yachts { max-width:940px; margin:auto;}
.page_img_view_yachts ul { list-style:none; display:block; width:100%;}
.page_img_view_yachts li { display:block; padding:7px;}
.page_img_view_yachts img { max-width:100%;}

.page_desc { text-align:center; font-size:32px; color:var(--mainClolor); font-weight:400; padding:100px 7px 50px; letter-spacing:2px;}
.page_desc:before,
.page_desc:after { content:''; display:inline-block; vertical-align:middle; width:100px; height:1px; background:var(--mainClolor); margin:0 20px;}

.page_edit {}
.page_edit div { margin-bottom:70px; padding:10px;}
.page_edit div em { font-style:normal; font-size:15px; color:var(--mainClolor);}
.page_edit div strong { font-size:15px; color:#000;}
.page_edit div p { font-size:30px; color:#121212; margin-bottom:10px;}
.page_edit div table { width:100%;}
.page_edit div td { padding:7px; vertical-align:top; border-bottom:1px #ccc solid;}
.page_edit div td p { font-size:15px; color:#333; margin:0;}

.page_edit div.edit_box1 p { font-size:15px; color:#121212; text-align:center; margin:0;}

.edit_box_yachts { max-width:940px; margin:auto;}
.edit_box_yachts blockquote { display:block; border-bottom:1px #ccc solid; padding:70px 5px 20px;}
.edit_box_yachts blockquote p { font-size:16px; color:#333;}
.edit_box_yachts blockquote p strong { font-size:30px; color:#121212; margin-bottom:10px;}


@media (max-width:768px) {
.page_title { font-size:24px;}
.page_img_view li { padding:0;}
.page_view { font-size:24px; letter-spacing:1px;}
.page_view:before,
.page_view:after { width:50px;}

.page_desc { font-size:24px; letter-spacing:1px;}
.page_desc:before,
.page_desc:after { width:50px;}

.page_edit div p { font-size:24px;}
.page_edit div td p { font-size:13px;}
}