@charset "utf-8"; body { padding: 0; margin: 0; font-family: Microsoft JhengHei, Arial Black, LiHei Pro; letter-spacing: 1px; position: relative; background-color: #fff; font-size: 88%; color: #000 } :focus-visible { -webkit-outline: #b99959 solid 1px !important; -moz-outline: #b99959 solid 1px !important; outline: #b99959 solid 1px !important } .menu-twocolum.sfHover a+ul { display: flex !important; flex-direction: column; flex-wrap: wrap; width: 400px; height: 405px !important; max-height: calc(45px * 9); overflow: hidden } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: Microsoft JhengHei, Arial Black, LiHei Pro; line-height: 1.4em; clear: both } .h2, h2 { font-size: 350%; color: #777676; display: block; padding: 1% 0 0; margin: 0 } .h2 { display: inline-block } .h2:after, h2:after { content: ''; display: block; border-bottom: 0 solid hsl(0, 0%, 83%); padding-bottom: 5px; margin-bottom: 0 } dfn { font-style: normal } .top_title { height: 43px; margin-top: 37px } .top_title h2 { float: left; display: inline; margin-top: -27px } .text-hidden { pointer-events: none; position: absolute; text-indent: 100%; white-space: nowrap; width: 0; overflow: hidden } .main_Banner .slick-next, .main_Banner .slick-prev { transform: scale(.6) translateY(-50%); transform-origin: top; opacity: 0 } .main_Banner .slick-slide, .main_Banner .slick-slide a { position: relative } .main_Banner:hover .slick-next, .main_Banner:hover .slick-prev { opacity: 0.4 } .main_Banner .slick-next:focus, .main_Banner .slick-prev:focus { opacity: 1; webkit-outline: #b99959 solid 1px; -moz-outline: #b99959 solid 1px; outline: #b99959 solid 1px } .main_Banner .slick-prev:before { content: ""; width: 30px; height: 30px; margin: 0 auto; display: block; background: url(../images/icon/left_btn.svg) no-repeat center/contain } .main_Banner .slick-next:before { content: ""; width: 30px; height: 30px; margin: 0 auto; display: block; background: url(../images/icon/right_btn.svg) no-repeat center/contain } .main_Banner .slick-next, .main_Banner .slick-prev { width: 50px; height: 50px; top: 45%; transform: scale(1.2); z-index: 59; filter: none } .all h1 span { color: #00847A; margin-left: 2%; display: inline-block; position: relative } .all h2 font { font-size: 80%; margin-left: 2%; color: #00847A } .all .h3, .all h3 { color: #00847A; clear: both; font-size: 1.17em } .media .all .h3 { font-size: 1.17em } .all h3 { font-size: 250%; color: #777676; border-left: 5px solid #7fcec9; text-indent: 1%; margin-bottom: 2%; clear: both } .all h2 span { font-size: 60%; display: inline-block } .container:after { content: ''; display: block; clear: both } .row { margin-right: 0; margin-left: 0; clear: both } .underline:after { content: ''; display: block; border-bottom: 1px solid hsl(0, 0%, 83%); padding-bottom: 5px; margin-bottom: 0 } .issues h3, .morepoint h2, .youtubemovie h3 { color: #917141 } .visith4 { color: #595757; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 10px 30px; margin: 0 0 50px } body, html { height: 100%; border: none } a { text-decoration: none; -webkit-transition: all .2s ease-out 0; transition: all .2s ease-out 0; display: inline-block } a:active, a:focus, a:hover { text-decoration: none } .Gazette { color: #00847A !important; text-decoration: underline !important } body a:focus { -webkit-outline: #b99959 solid 1px; -moz-outline: #b99959 solid 1px; outline: #b99959 solid 1px } #myCarousel a.left:focus, #myCarousel a.right:focus { -webkit-outline: #b99959 solid 1px; -moz-outline: #b99959 solid 1px; outline: #b99959 solid 1px } iframe:active, iframe:focus { border: 1px solid #b99959 !important } #top-social li:focus, #top-social li span:focus { -webkit-box-shadow: 0 0 0 1.2px #b99959 inset; box-shadow: 0 0 0 1.2px #b99959 inset; outline: none } #top-social li a:focus { -webkit-box-shadow: 0 0 0 .2px #b99959 inset; box-shadow: 0 0 0 .2px #b99959 inset } .abgne-frame a:focus { border: 1px solid #b99959 } .portfolio-overlay a.center-icon:focus, .portfolio-overlay a:focus { opacity: 1 } ul { list-style: none } a img { border: none } img { border: none; display: block; margin-left: auto; margin-right: auto } .img { width: 100% } p { line-height: 200% } p, ul { font-size: 120%; text-align: justify; text-justify: inter-ideograph } table ul { font-size: 100% } ul li ul { font-size: 100% !important } li p { font-size: 100% !important } .listnone { list-style: none !important } .list-usually { list-style-type: decimal !important } .bottomnone { bottom: inherit !important } .pcnone, .print_img { display: none !important } .clearfloat { clear: both !important } dd, dl, dt, li, ol, ul { margin: 0; padding: 0 } .light, label { margin-bottom: 20px; font-size: 120% } .margingauto { margin: 0 auto !important; float: none !important } .clear { clear: both; display: block; height: 0; line-height: 0; width: 100%; overflow: hidden } .clean { margin: 0 !important; padding: 0 !important } ::-moz-selection { background: #00847A; color: #FFF; text-shadow: none } ::selection { background: #00847A; color: #FFF; text-shadow: none } .img_big { width: 100%; margin: 0 auto } .nopaddingLR { padding-left: 0 !important; padding-right: 0 !important } .center { text-align: center !important } ::-moz-selection { background: #00847A; color: #FFF; text-shadow: none } .bg { background: #fff url(../images/write/bg.png) no-repeat; background-position: center bottom; background-size: auto; position: relative } .carousel-control { opacity: 1 } .carousel-control.left, .carousel-control.right { background-image: none; width: 32px } .carousel-control.left:hover, .carousel-control.right:hover { background: rgba(255, 255, 255, 0.53) } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { top: 45% } .glyphicon-chevron-left:before, .glyphicon-chevron-right:before { content: ""; position: absolute; top: 10px; left: 12px; background-image: none; background-repeat: no-repeat; opacity: 1; width: 10px; height: 10px; z-index: 100; border-top: 3px solid #fff; border-left: 3px solid #fff; cursor: pointer; transform: rotate(-45deg) } .glyphicon-chevron-right:before { transform: rotate(135deg) } .indexbg { background: none; background-color: #fff } ::-webkit-selection { background: #00847A; color: #FFF; text-shadow: none } :active { outline: none !important } .nobottommargin { margin-bottom: 0 !important } .fright { float: right !important } .marginbottom { margin-bottom: 1em } .paddingleftnone { padding-left: 0 !important } .space { padding-left: 10px !important } .space3 { margin-top: 10px !important } .space4 { padding: 2% 0 } .service { background: #fff url(../images/index/presidential_palace.jpg) no-repeat; background-size: 80%; background-position: right bottom; height: auto; padding: 40px 5px 400px } .form-horizontal .control-label { padding-top: 0 } .short { width: 80%; float: left } .people i { font-size: 150% } .paper_top { margin: 0 auto 5%; text-align: center; padding: 1% 2% 5%; background: #edebec } .reply_say { clear: both; margin: 0 auto; padding: 2% 2% 5%; background: #edebec; position: relative } .reply_say2 { clear: both; margin: 0 auto; padding: 2% 0 15%; background: #edebec; position: relative; overflow: hidden } @media (min-width:1400px) { .reply_say2 { padding: 2% 2% 15% } } .reply_say3 { clear: both; margin: 0 auto; padding: 2% 0 15%; background: #edebec; position: relative; overflow: hidden } .reply_say4 { clear: both; margin: 0 auto; padding: 2% 0 5%; position: relative } .words { max-width: 1200px; margin: 0 auto; clear: both } .words2 { max-width: 1150px; margin: 0 auto; clear: both } .words-1 { margin-left: 3% } .words .flag_img, .words .flag_movie { padding: 1% 2% } .flag_img2 { max-height: 375px; margin: 2% auto } .words .h4, .words h4 { font-size: 150% } h4 i { font-weight: 700 !important; font-family: 'Microsoft JhengHei', 'Arial Black', 'LiHei Pro' !important; position: absolute; top: 5px; left: 0 } .margintop { margin-top: 10px !important } .marginleft { margin-left: 10px !important } .marginright { margin-right: 10px !important } .short2 { width: 100%; max-width: 550px } .paper_top h3, .taiwancolor { color: #00847A } .taiwancolor2 { color: #64D2C8 } .paper_top ul { margin-left: 10% } .btn_upload { display: inline-block; margin-left: 5px; font-size: 120% } .big { font-size: 180% !important } .big2 { font-size: 160% !important } .big3 { font-size: 140% !important } .top_change { width: 100%; margin: 10px auto; clear: both; text-align: center; float: none !important; display: flex; justify-content: center; align-items: center } .top_change .gsc-search-button { margin-left: 10px } .top_change .form-inline { display: inline-block } .top_change .news_list_twen { margin-left: 10px; white-space: nowrap } .agree, .from_top { width: 50%; margin: 0 auto !important } .from_top2 { max-width: 600px; margin: auto; } .from_top2 .checkbox { display: flex; justify-content: left; align-items: center; margin-bottom: 9px; } .from_top2 input { position: relative !important; margin-left: 0 !important; } .from_top2 .top2_check { width: 100%; margin-bottom: 10px; font-size: 85%; } .from_top2 .top2_check input { vertical-align: -2px; margin-right: 5px } .from_top2 .checkbox label { padding: 0 5px; white-space: nowrap; } .from_top2 dfn { white-space: nowrap; } .from_top2 .check_size label { font-weight: normal; margin-bottom: 0; display: inherit; } .agree { text-align: center; padding: 2% 0; color: #00847A } .short2 table.rwd-table { text-align: left; font-size: 120% } .short2 table.rwd-table td:before { content: attr(data-td); font-weight: 700; padding-right: 10px; display: inline-block } .search_from table.rwd-table td { color: #000 !important } .from_top label { margin: 0 10px } .from_top, .from_top label { font-size: 120% } .from_top .check_size { margin-top: 10px } .check_size, .check_size2 { width: 20px; height: 20px } .application h6 { font-size: 110%; background: rgba(237, 235, 236, .34); padding: 2% 1% 1% 2% } .application h6:after { content: ''; display: block; border-bottom: 1px solid hsl(0, 0%, 83%); padding-bottom: 5px; margin-bottom: 10px } .text-right { text-align: right !important } .from_bottom li a font, .panel-body a { color: #00847a; display: inline-block } .already { color: #00847a !important } .from_bottom li, .from_bottom li a { display: inline-block } .number_y { max-width: 10% } .number_m { max-width: 30% } .number_d { max-width: 35% } .number_e { max-width: 8% } .fa-cloud-upload:before { color: #64D2C8 } .form-group strong { color: #00847a } .form-process, .preloader, .preloader2 { display: block; width: 100%; height: 100%; background: url(images/preloader.gif) center center no-repeat #FFF } .preloader2 { background-color: transparent } .form-process { display: none; position: absolute; z-index: 3; background-color: rgba(255, 255, 255, .7) } .iconall { display: block; margin: 0 auto } .iconall li { list-style: none } .iconall li a { width: 180px; height: 180px; background-size: cover; background-position: 0; border-radius: 50%; z-index: 10; color: #FFF; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 250px; font-size: 150%; display: block; text-align: center; letter-spacing: 0; -webkit-transition: all .3s; transition: all .3s; white-space: nowrap; margin: 0 auto } .food a { display: block } .write-events li { display: block; width: 130px; height: 130px; border-radius: 50%; line-height: 32px; line-height: 32px; line-height: 2rem; text-align: center; background-color: #00847A; position: relative; z-index: 10; cursor: pointer; margin: 0 auto } .write-events .play { font-size: 160% } .related .write-events li { width: 150px; height: 150px } .write-events .write_search { background-color: #777676 } .write-events li a { display: block; color: #fff; margin: 0 auto; text-align: center; padding-top: 22%; line-height: 160%; font-size: 100%; height: 100% } .write-events li a:after { content: ''; display: block; border-bottom: 4px solid hsl(0, 0%, 100%); padding-bottom: 5px; max-width: 60px; text-align: center; margin: 0 auto } .download_btn li a { padding-top: 20%; line-height: 160% } .main_a { padding-top: 25% !important } .form-horizontal .form-group { margin-left: 0; padding-left: 2% } .form-control2:focus, .form-control:focus { border-color: #917141; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #bf9c5a; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #bf9c5a } .big_chart { position: relative; padding-bottom: 15%; display: block !important; width: 92% !important; margin: 0 auto !important } .big_chart .first { width: 200px; height: 200px; overflow: hidden; border: #917141 10px solid } .xs { width: 300px !important; height: 300px !important } .big_chart li .management a { height: 50%; font-size: 120%; padding-top: 5% } .first a:focus { outline: #000 solid 5px } .big_chart .xs a { height: 34%; padding-top: 10%; font-size: 120% } .convener { padding-bottom: 5% } .convener .xs a { height: auto; padding-top: 5% } .convener li a:after { content: ''; display: block; border-bottom: 5px solid #917141; padding-bottom: 5px; margin: 5% auto; max-width: 100px; text-align: center } .convener .xs .smaller { border-radius: 25px; line-height: 100%; margin-top: 5% } .convener2 sub, .substyle { position: relative; font-size: 75%; line-height: 0; vertical-align: inherit; bottom: inherit } .convener2 .xs a { height: 50% } .convener2 .xs .positive { padding-top: 20% } .board:after { content: ""; display: block; position: absolute; height: 0; width: 40%; border-top: 10px solid #917141; left: 30%; top: 95px } .dottedstyle:after { content: ""; top: 55px; display: block; position: absolute; height: 0; width: calc(40% - 130px); max-width: 530px; left: 25% } .dottedstyle .btn01 { top: 0; right: 68% } .dottedstyle .btn02 { top: 20%; left: 68% } .dottedstyle .btn03 { top: 150% } .board:before { content: ""; display: block; position: absolute; height: 95%; width: 0; border-left: 10px solid #917141; margin-left: 49.5%; top: 25px } .dottedstyle:before { content: ""; display: block; position: absolute; height: 95%; width: 0; border-left: 10px dotted #917141; margin-left: 48.95%; top: 30px } .board2:before { content: ""; display: block; position: absolute; height: 80%; width: 0; border-left: 10px solid #917141; margin-left: 45%; top: 70% } .board3 { position: relative } .board3:before { content: ""; display: block; position: absolute; height: 0; width: 250px; border-top: 10px solid #917141; left: -190px; top: -40px } .btn01 { position: absolute; right: 65%; top: 10% } .btn02 { position: absolute; left: 65%; top: 10% } .btn03 { position: absolute; top: 110% } .blackbg { background: #000 } .blackbg2 { background: #595757; position: relative } .blackbg2 span { font-size: 180%; padding: 1% 2%; color: #fff; text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 58px } .blackbg2:before { content: ""; display: block; position: absolute; height: 95%; width: 0; border-left: 8px dotted #917141; margin-left: 48.95%; top: 60px } .org-chart .departments { width: 100%; display: block; clear: both } .org-chart .departments:before { content: ""; display: block; width: calc(95% - 53px); height: 25px; border-top: 10px solid #917141; margin-left: 4.25%; max-width: 1157px; overflow: hidden } .en .departments:before { content: ""; display: block; width: calc(95% - 54px); height: 25px; border-top: 10px solid #917141; margin-left: 4.53%; max-width: 1157px; overflow: hidden } .org-chart .xs_line:before { content: ""; display: block; width: calc(100% - 215px); height: 25px; border-top: 10px solid #917141; margin-left: 9.4%; max-width: 967px; overflow: hidden } .download_btn li a:after, .nounder:after { border-bottom: 0 solid hsl(0, 0%, 100%) !important } @media (min-width:1200px) { .org-chart .xs_line:before { width: calc(100% - 221px) } } .org-chart .xxs:before { content: ""; display: block; width: calc(90% - 112px); height: 25px; border-top: 10px solid #917141; margin-left: 9.4%; max-width: 1031px; overflow: hidden } .org-chart .department { display: inline-block; width: 9.5%; position: relative } .org-chart .circle_style { width: 19.5% } .org-chart .department span:after { content: ""; position: absolute; display: block; width: 10px; height: 25px; border-left: 10px solid #917141; left: 45%; top: -25px } .org-chart .department .management:after { left: 48% } .org-chart .department .big:after { content: ""; position: absolute; display: block; width: 10px; height: 22px; border-left: 10px solid #917141; left: 48%; top: -22px } .org-chart .department:first-child:after { display: none } .org-chart .department:last-child:after { display: none } .org-chart .department.central { background: #F5EEC9 } .org-chart .department.central:after { display: none } .org-chart .department span { width: 100px; height: 100px; display: block; background: #917141; border-radius: 100%; margin: 0 auto; overflow: hidden } .org-chart .department span:hover { background: #00847A } .org-chart .department span a:hover { color: #fff } .org-chart .department li { padding-left: 25px; border-bottom: 10px solid #917141; height: 80px } .org-chart .department li span { background: #92D4A8; top: 38px; position: absolute; z-index: 1; width: 95%; height: auto; vertical-align: middle; right: 0; line-height: 14px; border: 3px solid orange } .org-chart .department .sections { margin-top: -20px } .responsive-content { width: 767px; margin: 0 auto } .responsive-content .org-chart .board { margin: 0; width: 100% } .responsive-content .org-chart .departments:before { border: none } .responsive-content .org-chart .department { float: none; width: 100%; margin-left: 0; background: #F5EEC9; margin-bottom: 40px } .responsive-content .org-chart .department:before { content: ""; display: block; position: absolute; width: 15px; height: 60px; border-left: 10px solid #917141; z-index: 1; top: -45px; left: 0; margin-left: -2px } .responsive-content .org-chart .department:after { display: none } .responsive-content .org-chart .department:first-child:before { display: none } .padingbtn { padding: 45px 0 !important } .padingbtn2 { padding-top: 35%; display: block; text-align: center; color: #fff } @media (max-width:1200px) { .org-chart .department span { width: 80px; height: 80px; display: block; background: #917141; border-radius: 100%; margin: 0 auto } .padingbtn2 { text-align: center; color: #fff; font-size: 80% } .org-chart .departments:before { width: calc(95% - 35px) } .org-chart .xs_line:before { width: calc(90% - 80px) } .news_text { padding-left: 30px } } .positive { background: #004c4c !important } .positive2 { background: #00847A !important; height: 50% !important } .deputy { background: #005d5d !important } .deputy2 { background: #008479 !important } .btn_hover li { background: #777676 } .btn_hover li:hover { background: #00847A } .right { float: right !important } .left { float: left !important } .noborder { border: 0 !important } .noborderight { border-right: 0 !important } .country, .know_presidential, .space2 { padding-bottom: 2% } .country li, .know_presidential li { width: 200px; height: 200px } .country li a { font-size: 150% } .country li a p, .know_presidential li a p { min-height: 2em; font-size: 120% } .know_presidential li a { font-size: 150%; padding-top: 17% } .big_circle li { width: 180px; height: 180px } .big_circle li a { line-height: 150%; font-size: 150% } .big_circle_sup li { width: 250px; height: 250px; display: flex; justify-content: center; align-items: center } .big_circle_sup li a { line-height: 1.5; font-size: 150%; padding-top: inherit; display: block; height: auto; margin-top: -10px !important } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: text-top; bottom: inherit } .alignposit { vertical-align: middle } .form-horizontal .control-label { text-align: left } .accounting li { float: none } .accounting span { display: inline-block; float: left; margin: 0 1% } #news>.date_green { font-size: 80% } .news_img img { padding: 3% } .golden2 { background-color: #917141 !important } .golden { border-top: 25px solid #917141 } .golden3 { border-top: 10px solid #917141; max-height: 250px } .red_color { color: #b50000; font-size: 50%; vertical-align: super; display: inline-block } .red_color2 { color: #E40077; display: block } .red_color3 { color: #E40077 } .red { border-top: 25px solid #E40077 } .red2 { border-top: 10px solid #E40077; max-height: 250px } .org { border-top: 25px solid #00847A } .org2 { border-top: 10px solid #00847A; max-height: 250px } .usuallya { color: #00847A } .btn-outline-boder { position: absolute; color: #fff; display: block; padding: 0 10px; border: 1px solid #fff; z-index: 100; background: rgba(0, 0, 0, .1) } .issues_title { right: 20px; bottom: 20px; font-weight: 700; font-size: 400%; text-shadow: 2px 2px #434a54 } .glyphicon { color: #6d6d6d; padding-top: 5% } .breadcrumb { background: none; font-size: 120%; padding: 1% 0 0; color: #6d6d6d } .breadcrumb a { color: #6d6d6d } .breadcrumb a:hover { color: #00847A } .breadcrumb>li+li:first-child:before { padding-right: 1%; content: "" } .breadcrumb>li+li:before { padding: 0 5px; content: ">"; float: left } .h1_icon { float: right; display: inline-block; position: relative; margin-bottom: 15px } .h1_icon ul { list-style: none; margin: 0; padding: 0; text-align: center } .h1_icon ul li { display: inline; margin: 0; padding: 0 } .h1_icon ul li a { text-align: center; background: #b99758; margin: 0 2px; color: #fff; height: 35px; width: 35px; line-height: 0; font-size: 120%; border-radius: 100%; text-indent: -999999px; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out } h4 { font-size: 150% } h5 { font-size: 130% } h6 { font-size: 110% } .twitter { background: url(../images/icon/twitter.svg) no-repeat !important } .plurk { background: url(../images/icon/plurk.svg) no-repeat !important } .facebook { background: url(../images/icon/facebook.svg) no-repeat !important } .lineicon { background: url(../images/icon/line.svg) no-repeat !important } .ig { background: url(../images/icon/ig.svg) !important } .h1_icon ul li .print { background: #fff url(../images/icon/print.svg) no-repeat !important; border-radius: 0 !important; height: 35px; width: 40px } .media { padding-top: 10%; clear: both; font-size: 120% } .media a { display: block; color: #4C4948; padding: 4% 2% } .media a:hover { background: #f5f5f5 } .media a:hover>.media-body h3 { color: #00847A } .other .overlay span { font-size: 150%; font-weight: 700 } #about_show { font-size: 120% } #about_show .overlay span { min-width: inherit; bottom: 2%; font-size: 150%; left: 2%; background-color: transparent; padding: 0; border: 0; max-width: 100% } .more { float: right; background: #00847A; color: #fff } .panel-body .btn, .panel-body .more { color: #fff } .food { padding: 5% 0; border-bottom: 1px solid hsl(0, 0%, 91%) } .food li { line-height: 200%; font-size: 100% } .food li h5 { font-size: 140% } .place { color: #848484 } .food_btn { color: #000; display: inline-block; background: none; border: 1px solid #ccc; border-radius: 4px; padding: 1px 2px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; margin-bottom: 0; font-size: 80%; font-weight: 400; line-height: 1.42857143; margin-right: 1% } .counties a { margin: 2% 0 } .counties a:hover, .food li a:hover>.food_btn { background: #00847A; color: #fff } .place span:after { padding: 0 5px; color: #ccc; content: "/\00a0" } .normal { padding-top: 2% } .normal p, .normal ul { line-height: 250% } .food_img img { float: right } .alluser { margin: 0 5px; border-radius: 50px; font-size: 80% } .check { font-size: 40%; padding: 1px 0 0 10px; width: 60px; height: 30px; line-height: 14px; border-radius: 10px; margin: 0 10px } .floatnone { float: none !important; display: inline-block; vertical-align: middle } .whitebg { background: #fff !important } .whitebg tr { background: #fff !important } .index_new h2 { font-size: 350%; color: #777676; display: block; padding: 1% 0 0; margin: 0; border-left: 0 } .people_title h3 { font-size: 200%; color: #777676; border-left: 5px solid #917141; padding-left: 2%; margin-bottom: 3%; clear: both } .main_people { margin: 5% 0; min-height: 300px } .main_people a { font-size: 150%; border-left: 5px solid #917141; text-indent: 1%; margin-bottom: 3%; display: inline-block; float: left } .people_imgboder { border: 1px solid #ccc } .panel-heading2 { padding: 0; background: none !important } .visitstyle, .visitstyle:hover { background: #00847A; width: 100%; position: relative } .date_color { color: #fff; padding: 10px 15px 15px; font-size: 150%; display: block } .date_color2 { color: #fff; padding: 10px 15px 15px; font-size: 150% } .date_color>span>font { font-size: 120%; margin-left: 2% } .years { width: 200px; display: block; float: left } .twocut { width: calc(100% - 60px); display: block } .threecut { width: calc(100% - 280px); display: block; float: left; padding-bottom: 15px } .plusstyle { border: 3px solid #fff; border-radius: 50%; display: inline-block; float: right; width: 36px; height: 37px; position: absolute; right: 10px; top: 0; bottom: 0; right: 10px; margin: auto; display: flex; justify-content: center; align-items: center } .vistit_menu .plusstyle { float: left; font-size: 70%; width: 35px; height: 35px; line-height: 1.5em; margin-top: .8%; margin-right: 1% } .vistit_menu .plusstyle span { color: #fff; padding: 0 4px } .collapsed .plusstyle { border: 3px solid #83CCC3; border-radius: 50%; float: right } .plusstyle>i { color: #83CCC3; height: 18px } .input-none, .visit01 .plusstyle>.fa-plus { display: none } .visit01 .collapsed .plusstyle>.fa-minus { display: none } .visit01 .collapsed .plusstyle>.fa-plus { display: inline-block; height: 19px } .fa-minus:before, .fa-plus:before { padding: 0 6px; display: inline-block; vertical-align: baseline } .plusstyle i span { display: none !important } .panel-default2>.panel-heading2 { background: #EFEFEF } .collapsed .date_color { color: #00847A } .collapsed .date_color>span { color: #595757 } .collapsed .date_color .years { color: #00847A } .collapsed .date_color>span>font { color: #4C4948 } .visit01 .collapsed { background: #EFEFEF; width: 100% } .visit01 { clear: both } .visit01 .panel { margin-bottom: 4px; clear: both } .visit01 .panel-body div { line-height: 200% } .visit01 .panel-body p { color: #4C4948; line-height: 200% } .visit_purpose2 h4, .visit_purpose h4 { color: #00847A } .visit_purpose2 ul, .visit_purpose ul { margin-left: 3% } .visit_purpose2 li, .visit_purpose li { position: relative } .visit_purpose2 :before { content: attr(data-th); position: absolute; margin-left: -40px } .list-spec:before { content: attr(data-th); position: absolute; margin-left: -60px } .main_people2 .panel-body:first_child>div { padding: 2% } .organization .date_color { text-align: center } .organization .date_color span { color: #fff; /* font-size: 120%; */ line-height: 27px } .organization .collapsed { background: #b5b5b6 } .organization .collapsed .plusstyle { border: 3px solid #fff } .organization .panel-body { border-bottom: 0 solid #917141 } .organization .plusstyle>i { color: #fff } .organboder { margin-top: 55px !important; position: relative } .organboder2 { margin-top: 35px !important; position: relative } .organboder3 { margin-top: 35px !important; position: relative } .organboder4 { margin-top: 55px !important; position: relative } .organboder5 { margin-top: 55px !important; position: relative } .organboder:after { content: ""; display: block; position: absolute; height: 57px; width: 0; border-left: 8px solid #917141; margin-left: 48.95%; top: -57px } .convener2 { max-width: 600px } .posi_left { position: relative; float: left } .posi_right { position: relative; float: right } .posi_left:after { content: ""; display: block; position: absolute; height: 0; width: 250px; border-top: 10px solid #917141; left: 200px; top: 95px } .convener2:after { content: ""; display: block; position: absolute; height: 57px; width: 0; border-left: 10px solid #917141; margin-left: 48.95%; top: -57px } .convener2:before { content: ""; display: block; position: absolute; height: 100px; width: 0; border-left: 10px solid #917141; margin-left: 48.95%; top: 300px } .convener2 .convenergd { width: 200px; height: 200px; display: block; background: #917141; border-radius: 100%; margin: 0 auto } .big_chart .convenergd a { line-height: 180% } .organboder2:after { content: ""; display: block; position: absolute; height: 37px; width: 0; border-left: 8px solid #b5b5b6; margin-left: 48.95%; top: -35px } .organboder3:after { content: ""; display: block; position: absolute; height: 37px; width: 0; border-left: 8px solid #917141; margin-left: 48.95%; top: -37px } .organboder4:after { content: ""; display: block; position: absolute; height: 95%; width: 0; border-left: 8px dotted #917141; margin-left: 48.95%; top: -57px } .organboder5:after { content: ""; display: block; position: absolute; height: 57px; width: 0; border-left: 8px dotted #917141; margin-left: 48.95%; top: -57px } .organization { display: none } .organbtn { display: block; text-align: center; color: #fff; padding: 10px 15px 15px; font-size: 180% } .smaller { width: 60%; margin: 0 auto 5px } .smaller2 { width: 40%; margin: 0 auto; background: #cbccce } .organbtn:hover { color: #fff } .usuallyul ul { list-style: decimal !important } .usuallyul li ul li { list-style: lower-roman !important } .usuallyul { list-style: decimal !important } .visit_purpose2 ul li ul, .visit_purpose ul li ul { list-style: none; list-style-type: none } .visit_purpose2 p, .visit_purpose2 ul li, .visit_purpose p, .visit_purpose ul li { line-height: 200% } .accounting li { line-height: 300% !important } .goldencolor { color: #917141 !important; clear: both } .goldencolorbg { background: #917141 !important } .gray { background: #777676 !important } .tab_color { background: #eee !important } .gray2 { background: rgba(247, 246, 246, .68) !important } .gray3 { background: #777676 !important } .white { color: #fff !important } .import { background: #917141; color: #fff; border-radius: 20px; padding: 3px 12px; vertical-align: baseline; vertical-align: initial; margin: 0 5px } .issuse_down { padding-top: 2%; clear: both } .maintitle .h1_icon { display: none } .presidenticon .h1_icon { display: block } .president .h2 { color: #00847A; clear: none } .president .h2:after { border-bottom: 0 } .movie { background: #000 } .movie2 { background: #000; margin: 2% 0 5% } .movie2 iframe { display: block; min-height: 750px; width: 100%; margin: 0 auto } .movie iframe { display: block; min-height: 600px; width: 100%; margin: 0 auto } .seal_style { padding-top: calc(15% - 10px) !important } .president_main { padding: 2% } .president_main a { display: block; overflow: auto } .president_main:hover { background: #f7f7f7; color: #00847A } .president_word { border-left: 8px solid #777676; min-height: 223px } .president_main span { display: table-cell; vertical-align: middle } .president_img_main span { text-align: center; float: right; color: #000; padding-top: calc(45% - 10px) !important } .president_img_main span font { color: #ccc } .president_img img { width: 100%; max-width: 400px; min-width: 200px; float: left; padding: 2%; pointer-events: none } .president_img_main img { width: 50%; float: right; padding-right: 5% } .fontauto { font-size: 120% } .president_main:hover .president_word { border-left: 8px solid #00847A } .president p { line-height: 180%; margin-bottom: 2%; font-size: 120% } .fontstyle { font-size: 120%; font-weight: bolder } .meeting_tab, .president_tab table { border: 1px solid #EEE; margin: 0 auto 2% } .meeting_tab { max-width: 100% } .meeting th, .president_tab th { text-align: center; background: #00847A; color: #fff; font-size: 150% } .meeting th { font-size: 120% } .meeting .meeting .table>thead>tr>th, .meeting .table>tbody>tr>td, .meeting .table>tfoot>tr>td, .meeting .table>tfoot>tr>th, .meeting .table>thead>tr>td, .meeting .table>thead>tr>th, .president_tab .president_tab .table>thead>tr>th, .president_tab .table>tbody>tr>td, .president_tab .table>tfoot>tr>td, .president_tab .table>tfoot>tr>th, .president_tab .table>thead>tr>td, .president_tab .table>thead>tr>th { border-top: 0; padding: .5em 1em; line-height: 180% } .meeting_tab { background-color: #eee; margin-top: 2% } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fff } .tab_spec { margin-left: calc(12% - 10px); display: block } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 1em; line-height: 180%; font-size: 120%; vertical-align: middle } .president_tab_2 { padding: 0 } .president_tab_2 .table { margin-bottom: 0; color: #000 } .president_tab_2 .table>tbody>tr>td { border: 0; padding: 1em .5em } .meeting .table>thead:first-child>tr:first-child>th, .president_tab .table>thead:first-child>tr:first-child>th { padding: .8em 1em .5em; font-size: 160% } .president_color { color: #00847A; font-weight: bolder } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #00847A; border-color: #00847A } .president_tab_2_main .collapsed .date_color span { color: #00847A } .house { padding: 1% 0 } .ceremony { clear: both; padding: 5% 0 } .ceremony_tab th { background: #e8fffe; text-align: center; padding: .7em 1em .3em !important; font-size: 130%; font-weight: bolder; color: #595757 } .ceremony_tab td { padding-left: 2% } .ceremony span { display: block; width: 50%; margin: 0 auto } .ceremony span font { color: #00847A; font-size: 130%; display: block; margin: 2% 0 } .topbanner { position: relative } .topbanner .btn-outline-boder { top: 50%; right: 5%; font-size: 500%; padding: .5% 2% } .human_rights { margin: 2% 0 } .president_bg2 { padding: 0; padding-bottom: calc(50% - 40px) } .build h4 { display: none } .clocks .build .header_contact { border: #109590 5px solid } .build .header_contact .content>.date, .build .header_contact .content>font, .build .header_contact .content>p { color: #109590 } .build .left-boderline { border-left: #109590 5px solid } .human_rights_main .vistit_menu ul { margin: 0 auto } .news_box5 p { min-height: 110px } .abgne-frame { position: relative; overflow: hidden; text-align: center; overflow: hidden } .abgne-frame a { display: block } .human_rights .abgne-frame, .other .abgne-frame { margin-top: 2% } .abgne-frame.effect img { -webkit-transition: .5s; transition: .5s; width: 100% } .abgne-frame.effect:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .overlay span { font-size: 200%; bottom: 15%; right: 0; left: 0; margin: auto; width: 70%; background: rgba(0, 0, 0, .1) } .Write_president { width: 100%; max-width: 1200px; margin: 0 auto; border: 1px solid #ccc; margin-bottom: 10%; clear: both } .Write_people { width: 100%; margin: 0 auto; border: 1px solid #ccc; margin-bottom: 2%; clear: both } .Write_people h6 { font-size: 120%; color: #000; display: block; padding-top: 2% } .Write_people h6:after { content: ''; display: block; border-bottom: 1px solid hsl(0, 0%, 43%); padding-bottom: 5px } .Write_people h6 font { display: inline-block; float: left } .noafter:after { display: none !important } .chbefore:before { content: ''; display: block; border-bottom: 1px solid hsl(0, 0%, 43%); margin-bottom: 10px } .top { width: 450px; margin: 0 0 0 auto } .flag { border-bottom: 1px solid #ccc; margin-bottom: 2% } .law_top { width: 100%; max-width: 1200px; margin: 0 auto } .law_top a { display: inline-block; color: #777676; font-size: 150% } .law_top a:hover { color: #00847A } .content { padding: 2% 5%; position: relative; min-height: 150px; clear: both } .content2 { padding: 0 5% 2% 0; position: relative } .content3 { padding: 2% 0 2% 5%; position: relative } .content4 { padding: 0 0 2% 15%; position: relative } .content2:after, .content2:before, .content3:after, .content3:before, .content4:after, .content4:before, .content:after, .content:before { display: table; content: " "; clear: both } .usuallyspan { display: block; line-height: 200%; margin: 0; text-align: left } .people td, .people th { background: #e2e6e6; white-space: nowrap; text-align: center; padding: 5px 0 0 !important; border: 0 solid #ddd !important } .people td { background: #fff; border: 0 solid #ddd !important; font-size: 80% !important } .click { text-align: right; display: block; font-size: 120% } .bottom_people { width: auto; text-align: right; margin: 0 0 0 auto } .icon_people i { color: #00847A; font-size: 200%; vertical-align: inherit } .usuallycolor { color: #00847A } .people_btn { padding: 2px 5px; margin-bottom: 0; font-size: 110%; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 2px solid #00847A; border-radius: 4px } .icon_people span { display: inline-block; vertical-align: middle } .icon_people span:after { padding: 0 5px; color: #ccc; content: "/\00a0" } .text_date { font-weight: bolder } .borderbottom { border-bottom: 1px solid #ddd !important } .nopaddingtop { padding-top: 0 !important } .chartpading { padding-top: 18% !important } #lbAdvSearch { background: #00847A; color: #fff; vertical-align: middle; padding: 5px 20px; border-radius: 10px } #wrapper { position: relative; float: none; margin: 0 auto; overflow: hidden; background-color: #FFF } .content-wrap { position: relative; background: #fff } .index { background: #222126 } #top-social, #top-social ul { margin: 0 } #top-social li, #top-social li .ts-icon, #top-social li .ts-text, #top-social li a, #top-social li span { display: block; position: relative; float: left; overflow: hidden; height: 44px; line-height: 44px; font-size: 0.8rem } #top-social li { border-left: 1px solid #EEE; text-align: center } #top-social li:first-child { border-left: 0 !important } #top-social li:last-child { width: auto } #top-social li a { float: none; width: 40px; font-weight: 700; color: #666; -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out; transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out } #top-social li a:hover { color: #FFF !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) } #top-social li .ts-icon { width: 40px; text-align: center; font-size: 110% } .col_five_sixth, .col_four_fifth, .col_full, .col_half, .col_one_fifth, .col_one_fourth, .col_one_sixth, .col_one_third, .col_three_fifth, .col_three_fourth, .col_two_fifth, .col_two_third, .postcontent, .sidebar { display: block; width: 100%; position: relative; float: left } #top-bar { border-bottom: 0; position: relative; height: 45px } #top-bar .col_half { width: auto } .col_last { margin-right: 0 !important; clear: right } #top-social li:first-child { border-left: 0 !important } .si-colored.si-facebook, .si-facebook:hover { background-color: #3B5998 !important } .si-colored.si-flickr, .si-flickr:hover { background-color: #FF0084 !important } .si-colored.si-youtube, .si-youtube:hover { background-color: #C4302B !important } .si-colored.si-email3, .si-email3:hover { background-color: #6567A5 !important } .si-colored.si-rss, .si-rss:hover { background-color: #EE802F !important } .si-colored.si-sitemap, .si-sitemap:hover { background-color: #666 !important } .si-colored.si-line, .si-line:hover { background-color: #2FA439 !important } .fb:before { content: url("../images/icon/fb.svg") } #top-social li:hover .fb:before { content: url("../images/icon/fb_hover.svg") } .flickr:before { content: url("../images/icon/flickr.svg") } #top-social li:hover .flickr:before { content: url("../images/icon/flickr_hover.svg") } .youtube:before { content: url("../images/icon/youtube.svg") } #top-social li:hover .youtube:before { content: url("../images/icon/youtube_hover.svg") } .sitemap_img:before { content: url("../images/icon/sitemap.svg") } #top-social li:hover .sitemap_img:before { content: url("../images/icon/sitemap_hover.svg") } .line_img:before { content: url("../images/icon/icon-line.svg") } #top-social li:hover .line_img:before { content: url("../images/icon/icon-line_hover.svg") } .smallfont:before { content: ""; background-image: url(../images/icon/A-_tw.svg); background-size: 100% 100%; display: inline-block; height: 20px; width: 20px; position: relative } .en .smallfont:before { content: ""; background-image: url(../images/icon/A-.svg); display: inline-block; height: 20px; width: 20px; position: relative } #top-social li:hover .smallfont:before, .smallfont.ative:before { content: ""; background-image: url(../images/icon/A-_tw_t.svg) } #top-social .en li:hover .smallfont:before, .en .smallfont.ative:before { content: ""; background-image: url(../images/icon/A-_t.svg) } .font:before { content: ""; background-image: url(../images/icon/A_tw.svg); background-size: 100% 100%; display: inline-block; height: 20px; width: 20px; position: relative } .en .font:before { content: ""; background-image: url(../images/icon/A.svg); background-size: 100% 100%; display: inline-block; height: 20px; width: 20px; position: relative } #top-social li:hover .font:before, .font.ative:before { content: ""; background-image: url(../images/icon/A_tw_t.svg) } #top-social .en li:hover .font:before, .en .font.ative:before { content: ""; background-image: url(../images/icon/A_t.svg) } .bigfont:before { content: ""; background-image: url(../images/icon/A_plus_tw.svg); background-size: 100% 100%; display: inline-block; height: 20px; width: 20px; position: relative } #top-social li:hover .bigfont:before, .bigfont.ative:before { content: ""; background-image: url(../images/icon/A_plus_tw_t.svg) } .en .bigfont:before { content: ""; background-image: url(../images/icon/A_plus.svg); background-size: 100% 100%; display: inline-block; height: 20px; width: 20px; position: relative } #top-social .en li:hover .bigfont:before, .en .bigfont.ative:before { content: ""; background-image: url(../images/icon/A_plus_t.svg) } .email:before { content: url("../images/icon/email.svg") } #top-social li:hover .email:before { content: url("../images/icon/email_hover.svg") } .rss:before { content: url("../images/icon/rss.svg") } #top-social li:hover .rss:before { content: url("../images/icon/rss_hover.svg") } .searcha:before { content: url("../images/icon/search.svg") !important } #top-search .search_hover:before { content: url("../images/icon/delete.svg") } .fa-search:before { content: url("../images/icon/search2.svg"); vertical-align: sub } .btn_upload:hover .fa-search:before { content: url("../images/icon/search2_hover.svg") } .search .btn_upload:hover .fa-search:before { content: url("../images/icon/search3.svg") } .world:before { content: "EN" } .world:hover:before { content: "EN"; color: #00847A } .en .world:before { content: "中文"; white-space: nowrap; font-family: 'Microsoft JhengHei'; font-size: 100% } .en .world:hover:before { content: "中文"; color: #00847A; white-space: nowrap } .menu:before { content: url("../images/icon/menu.svg") } .glyphicon-th-list:before { content: url("../images/icon/menu2.png") } .glyphicon-home:before { content: url("../images/icon/house.svg") } .fa-commenting:before { content: url("../images/icon/commenting.png") } .content .fa-commenting:before, .top .fa-commenting:before { content: url("../images/icon/commenting2.png") } .fa-plus:before { content: url("../images/icon/plus.png") } .organization .fa-plus:before { content: url("../images/icon/plus01.png") } .fa-minus:before { content: url("../images/icon/less.png"); color: #fff } .organization .fa-minus:before { content: url("../images/icon/less01.png"); color: #fff } .fa-chevron-right:before { content: url("../images/icon/arrow3.png") } .flex-direction-nav a:before { content: url("../images/icon/arrow4.png") !important } .flex-direction-nav a.flex-next:before { content: url("../images/icon/arrow5.png") !important } .icon-reorder:before { content: url("../images/icon/menu.svg") !important } .fa-play:before { content: "" !important } .import i { font-size: 1em; vertical-align: middle } .play i { font-size: 2em; vertical-align: middle; line-height: 50% } .icon-line-plus { display: flex !important; justify-content: center; align-items: center; height: 40px } .icon-line-plus:before { content: "+" !important; font-size: 130% } .icon-line-minus:before { content: "-" !important; font-size: 100% } .portfolio-overlay a .icon-line-plus:before { content: url("../images/icon/plus02.png") !important; font-size: unset; height: 28px; line-height: 1 } .portfolio-overlay a:hover .icon-line-plus:before { content: url("../images/icon/plus02_hover.png") !important } #x_accessibility { display: inline-block; vertical-align: bottom; width: 88px; height: 31px; margin-left: 10px; background: url(../images/a.svg) no-repeat } .icon-angle-up:before { content: url("../images/icon/gotop.png") !important } .icon-smile:before { content: url("../images/icon/smile.png") !important } .icon-frown:before { content: url("../images/icon/cry.png") !important } .fa-eye:before { content: url("../images/icon/look.png") !important } .fa-user:before { content: url("../images/icon/user.png") !important } .fa-mail-reply:before, .fa-reply:before { content: url("../images/icon/response.png") !important } .icon-line-ellipsis:before { content: url("../images/icon/more.png") !important } .portfolio-overlay a:hover .icon-line-ellipsis:before { content: url("../images/icon/more_hover.png") !important } .icon-caret-down:before { content: url("../images/icon/arrow7.png") !important } .right .icon-line-inbox:before { content: url("../images/icon/download02.png") !important } .content .icon-line-inbox:before, .from_bottom .icon-line-inbox:before, td .icon-line-inbox:before { content: url("../images/icon/download01.png") !important } .from_bottom .fontauto .icon-line-inbox:before { content: url("../images/icon/download.png") !important } .from_bottom .fontauto:hover .icon-line-inbox:before { content: url("../images/icon/download.png") !important } .content a:hover .icon-line-inbox:before, .from_bottom a:hover .icon-line-inbox:before, td a:hover .icon-line-inbox:before { content: url("../images/icon/download01_hover.png") !important } .icon-table:before { content: url("../images/icon/date.png") !important; vertical-align: middle } .fa-calendar:before { content: url("../images/icon/date01.png") !important; vertical-align: middle } .fa-cloud-upload:before { content: url("../images/icon/upload.png") !important } #header, #header-wrap, #logo img, #logo object { width: 100%; height: auto; -webkit-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease } #logo { padding: 0 } #logo:after { content: ''; display: block; border-bottom: 0 solid hsl(0, 0%, 83%); padding-bottom: 0; margin-bottom: 0 } body:not(.top-search-open) #header-wrap #logo, body:not(.top-search-open) #primary-menu>.container>ul, body:not(.top-search-open) #primary-menu>ul, body:not(.top-search-open) #side-panel-trigger, body:not(.top-search-open) #sitemap, body:not(.top-search-open) #top-account, body:not(.top-search-open) #top-cart { opacity: 1; -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease; transition: height .4s ease, margin .4s ease, opacity .2s .2s ease } body.top-search-open #header-wrap #logo, body.top-search-open #primary-menu>.container>ul, body.top-search-open #primary-menu>ul, body.top-search-open #side-panel-trigger, body.top-search-open #sitemap, body.top-search-open #top-account, body.top-search-open #top-cart { opacity: 0 } #header.sticky-header.semi-transparent { background-color: transparent } #header-wrap { position: relative; z-index: 8000; -webkit-backface-visibility: hidden } #header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255, 255, 255, .8) } #header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo a { height: 60px } #header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo object { height: 60px } #header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a { padding-top: 19px; padding-bottom: 19px } #header.sticky-header:not(.static-sticky).sticky-style-2, #header.sticky-header:not(.static-sticky).sticky-style-3 { height: 161px } #header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu, #header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu { border-top: 0 } #header.sticky-header:not(.static-sticky) #side-panel-trigger, #header.sticky-header:not(.static-sticky) #sitemap, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #top-search { margin-top: 20px !important; margin-bottom: 20px !important } #header.sticky-header:not(.static-sticky) #top-account { margin-top: 12px !important; margin-bottom: 13px !important } #header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px } #header.sticky-header.sticky-style-2 #primary-menu { border-top: 0 } body.stretched #header.full-header .container { width: 100%; padding: 0 3em } #header.sticky-style-2 { height: 161px } #header.sticky-style-3 { height: 181px } #header.sticky-style-2 #header-wrap { height: 60px } #header.sticky-style-3 #header-wrap { height: 80px } #primary-menu>ul>li.mega-menu>.mega-menu-content, #primary-menu>ul>li>.mega-menu-content, #primary-menu>ul>li>ul { -webkit-transition: top .4s ease; transition: top .4s ease } #top-cart, #top-search { -webkit-transition: margin .4s ease, opacity .3s ease; transition: margin .4s ease, opacity .3s ease } #header .container { position: relative; padding: 0 } #header.full-header { border-bottom: 1px solid #EEE } #header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0, 0, 0, .1) } #header.sticky-header #header-wrap { position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1) } #logo { position: relative; float: left; line-height: 100%; margin-right: 40px; top: -25px; display: block } #logo a { display: block } #logo a.standard-logo { text-indent: -9999px; background: url(../images/logo.svg) no-repeat center/contain; width: 235px; height: 100px; float: left; position: absolute; z-index: 10 } #logo a.retina-logo { display: none } body.top-search-open #header-wrap #logo { opacity: 1 } .sticky-header #logo { top: 0 } #primary-menu { float: right; max-height: 100px; overflow: visible } #primary-menu ul.mobile-primary-menu { display: none } #primary-menu ul li.menu-twocolum li { width: calc(100% / 2) } #header.full-header #primary-menu>ul { float: left; padding-right: 15px; margin-right: 15px } #header.transparent-header.full-header #primary-menu>ul { border-right-color: rgba(0, 0, 0, .1) } #page-submenu-trigger, #primary-menu-trigger { opacity: 0; cursor: pointer; font-size: 110%; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } #primary-menu ul { list-style: none; margin: 0 } #primary-menu>ul { float: left } #primary-menu ul li { position: relative } #primary-menu ul li.mega-menu { position: inherit } #primary-menu ul>li { float: left; margin-left: 2px } #primary-menu>ul>li:first-child { margin-left: 0 } #primary-menu ul li>a { display: block; line-height: 22px; cursor: pointer; padding: 39px 15px; color: #444; font-weight: 700; font-size: 110%; letter-spacing: 1px; -webkit-transition: margin .4s ease, padding .4s ease; transition: margin .4s ease, padding .4s ease } #primary-menu ul li>a span { display: none } #primary-menu ul li>a i { position: relative; top: -1px; font-size: 110%; width: 16px; text-align: center; margin-right: 6px; vertical-align: top } #primary-menu ul li>a i.icon-angle-down:last-child { font-size: 60%; margin: 0 0 0 5px } #primary-menu ul li.current>a, #primary-menu ul li:hover>a { background: transparent; color: #00847A } body.no-superfish #primary-menu li:hover>.mega-menu-content, body.no-superfish #primary-menu li:hover>ul:not(.mega-menu-column) { display: block } #primary-menu ul li .mega-menu-content, #primary-menu ul ul:not(.mega-menu-column) { display: none; position: absolute; width: 220px; background-color: rgba(255, 255, 255, .8); -webkit-box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05); box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05); border: 1px solid #EEE; border-top: 2px solid #00847A; height: auto; z-index: 199; top: 100%; left: 0; margin: 0 } #primary-menu ul ul:not(.mega-menu-column) { width: 240px !important } [style="font-size: 120%;"] #primary-menu ul li.menu-twocolum ul { width: 290px !important } #primary-menu ul ul:not(.mega-menu-column) ul { top: -2px !important; left: 218px } #primary-menu ul li .mega-menu-content.menu-pos-invert, #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column) { left: auto; right: 0 } #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 218px } #primary-menu ul ul li { float: none; margin: 0; min-width: 107px } #primary-menu ul ul li:first-child { border-top: 0 } #primary-menu ul ul li>a { font-weight: 600; color: #666; padding-top: 10px; padding-bottom: 10px; border: 0; letter-spacing: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #primary-menu ul ul li>a i { vertical-align: middle } #primary-menu ul ul li:hover>a { background-color: #F9F9F9; padding-left: 18px; color: #00847A } #primary-menu ul ul>li.sub-menu:hover>a, #primary-menu ul ul>li.sub-menu>a { background-position: right center; background-repeat: no-repeat } .bnews { background: #E40077; padding: .7em 2em .5em 2.5em; margin-bottom: 1em } .slide a { color: #fff; font-size: 140%; text-align: justify; text-justify: inter-ideograph } .carousel-inner { width: 100% } .carousel-inner div { display: inline-block } .BulletinTite { border-left: 5px solid #fff; max-width: 460px } .BulletinTite a { padding-left: 5px !important } .BulletinSubTite { color: #fff; padding-right: .5em; width: auto; max-width: 110px; vertical-align: top } #advsearch .form-group .col-sm-2 { text-align: right } #advsearch .form-inline { text-align: left } #advsearch div:last-child>.form-inline { text-align: center } #advsearch .form-group { padding-left: 0; margin-right: 0; margin-left: 0 } #advsearch .top_bar1 { margin: 0 } #AdvSearchDetail { font-size: 140% } #AdvSearchDetail label { font-size: 100%; font-weight: 400 } #AdvSearchDetail .position_main { padding: 5% 0 } #Advshow { font-size: 120%; font-weight: 700; text-align: right; float: right; clear: right; margin-top: 20px; display: flex } #Advshow input { border: 1px solid #dedede; padding: 11px; padding: 11px; padding: .6875rem; float: left } #Advshow input:first-child { border-right: 0 } #Advshow label { font-size: 100%; font-weight: 700 } body:not(.device-touch) .portfolio { -webkit-transition: height .4s linear; transition: height .4s linear } .portfolio-item { float: left; position: relative; width: 100%; height: auto } .portfolio-item .portfolio-image { position: relative; overflow: hidden } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; width: 100%; height: auto } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .portfolio-desc { z-index: 3; padding: 15px 0 10px } .portfolio-desc p { min-height: 300px } .portfolio-desc h3 { margin: 0; padding: 0; font-size: 120% } .portfolio-desc h3 a { color: #222; min-height: 100px } .portfolio-desc h3 a:hover { color: #00847A } .portfolio-desc span { display: block; margin-top: 3px; color: #888 } .portfolio-desc span a { color: #888 } .portfolio-desc span a:hover { color: #000 } .portfolio-notitle .portfolio-desc { position: absolute; display: block !important; width: 100%; height: 78px; padding: 15px 5px; top: auto; bottom: -79px; left: 0; background-color: #FFF; border-bottom: 1px solid #EEE } .bothsidebar .portfolio-desc, body.device-touch.device-xs .portfolio-notitle .portfolio-desc, body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { display: none !important } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc { -webkit-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out } .portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -78px; border-bottom: 0 } .portfolio-notitle .iportfolio:hover .portfolio-desc, .portfolio-notitle .portfolio-item:hover .portfolio-desc { bottom: 0 !important } .bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img { -webkit-transform: translateY(0); transform: translateY(0) } body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img, body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img { -webkit-transform: translateY(-20px); transform: translateY(-20px) } .portfolio.portfolio-full, .portfolio.portfolio-nomargin { margin: 0 !important } .portfolio-full .portfolio-item, .portfolio-nomargin .portfolio-item { padding: 0 !important } .portfolio-nomargin .portfolio-desc { padding: 15px 10px } .portfolio.portfolio-full { margin: 0 !important; width: 100.4% } .portfolio-full .portfolio-item { overflow: hidden !important } .portfolio-full .portfolio-desc { padding: 15px } .postcontent .portfolio-desc h3 { font-size: 115% } .postcontent .portfolio-desc span { font-size: 90% } .postcontent .portfolio-notitle .portfolio-desc { height: 70px; bottom: -71px } .postcontent .portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -70px } .postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important } .bothsidebar .portfolio { margin: 0 } .bothsidebar .portfolio-item { padding: 0 } .portfolio.portfolio-3 { margin: 0 -15px -15px 0 } .portfolio-3 .portfolio-item { width: 33.33333333%; padding: 0 15px 15px 0 } .postcontent .portfolio-3 .portfolio-desc h3 { font-size: 120% } .postcontent .portfolio-3 .portfolio-desc span { font-size: 105% } .postcontent .portfolio-3.portfolio-notitle .portfolio-desc { height: 72px; bottom: -73px } .postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -72px } .postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important } .bothsidebar .portfolio.portfolio-3 { margin: 0 -11px -11px 0 } .bothsidebar .portfolio-3 .portfolio-item { padding: 0 11px 11px 0 } .bothsidebar .portfolio-3 .portfolio-desc { display: block !important } .bothsidebar .portfolio-3 .portfolio-desc h3 { font-size: 130% } .bothsidebar .portfolio-3 .portfolio-desc span { font-size: 90% } .bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px } .bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px } .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important } .portfolio.portfolio-2 { margin: 0 -20px -20px 0 } .portfolio-2 .portfolio-item { width: 50%; padding: 0 20px 20px 0 } .portfolio-2 .portfolio-desc { padding: 20px 5px 10px } .portfolio-2 .portfolio-desc h3 { font-size: 140% } .portfolio-2 .portfolio-desc span { margin-top: 4px; font-size: 100% } .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a, .postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important } .portfolio-2.portfolio-nomargin .portfolio-desc { padding: 20px 15px } .portfolio-2.portfolio-notitle .portfolio-desc { height: 90px; bottom: -91px } .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px } .postcontent .portfolio-2 .portfolio-desc h3 { font-size: 140% } .postcontent .portfolio-2 .portfolio-desc span { font-size: 100% } .postcontent .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 20px } .postcontent .portfolio-2.portfolio-notitle .portfolio-desc { height: 90px; bottom: -91px } .postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px } .bothsidebar .portfolio-2 .portfolio-desc { display: block !important; padding-top: 15px; padding-bottom: 0 } .bothsidebar .portfolio-2 .portfolio-desc h3 { font-size: 120% } .bothsidebar .portfolio-2 .portfolio-desc span { font-size: 105% } .bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 15px } .bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc { height: 75px; bottom: -76px } .bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc, .bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -75px } .portfolio.portfolio-5 { margin: 0 -10px -10px 0 } .portfolio-5 .portfolio-item { width: 20%; padding: 0 10px 10px 0 } .portfolio-5 .portfolio-desc h3 { font-size: 115% } .portfolio-5.portfolio-notitle .portfolio-desc { height: 71px; bottom: -72px } .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -71px } .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -30px !important } .postcontent .portfolio.portfolio-5 { margin: 0 } .postcontent .portfolio-5 .portfolio-item { padding: 0 } .postcontent .portfolio-5 .portfolio-desc h3 { font-size: 130% } .postcontent .portfolio-5 .portfolio-desc span { font-size: 90% } .postcontent .portfolio-5 .portfolio-desc { padding: 15px 10px } .postcontent .portfolio-5.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px } .postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc, .postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px } .postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important } .portfolio.portfolio-6 { margin: 0 -6px -6px 0 } .portfolio-6 .portfolio-item { width: 16.66666667%; padding: 0 6px 6px 0 } .portfolio-6 .portfolio-desc h3 { font-size: 130% } .portfolio-6 .portfolio-desc span { font-size: 90% } .portfolio-6.portfolio-notitle .portfolio-desc { height: 68px; bottom: -69px } .portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc, .portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px } .portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important } .portfolio.portfolio-1 { margin: 0 0 -40px } .portfolio-1 .portfolio-item { float: none; width: 100%; margin: 0 0 40px; padding-bottom: 40px; padding-right: 0; border-bottom: 1px solid #EEE } .portfolio-1 .portfolio-item .portfolio-image { float: left; margin-right: 40px } .portfolio-1 .portfolio-item.alt .portfolio-image { float: right; margin: 0 0 0 40px } .portfolio-1 .portfolio-item .portfolio-image, .portfolio-1 .portfolio-item .portfolio-image a, .portfolio-1 .portfolio-item .portfolio-image img { display: block; width: 720px; height: 400px } .portfolio-1 .portfolio-desc { float: left; width: 380px; padding: 10px 0 } .portfolio-1 .alt .portfolio-desc { float: right } .portfolio-1 .portfolio-desc h3 { font-size: 130% } .portfolio-1 .portfolio-desc span { margin-top: 6px; font-size: 100% } .portfolio-1 .portfolio-desc p { margin: 20px 0 25px; font-size: 100% } .portfolio-1 .portfolio-desc li { margin: 3px 0 } .postcontent .portfolio-1 .portfolio-item .portfolio-image, .postcontent .portfolio-1 .portfolio-item .portfolio-image a, .postcontent .portfolio-1 .portfolio-item .portfolio-image img { width: 540px; height: 300px } .postcontent .portfolio-1 .portfolio-desc { width: 280px } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-right: 20px } .bothsidebar .portfolio-1 .portfolio-item.alt .portfolio-image { margin: 0 0 0 20px } .bothsidebar .portfolio-1 .portfolio-item .portfolio-image, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1 .portfolio-item .portfolio-image img { width: 320px; height: 178px } .bothsidebar .portfolio-1 .portfolio-desc { display: block !important; width: 240px; padding: 0 } .bothsidebar .portfolio-1 .portfolio-desc h3 { font-size: 120% } .bothsidebar .portfolio-1 .portfolio-desc span { margin-top: 5px; font-size: 105% } .bothsidebar .portfolio-1 .portfolio-desc p { margin: 15px 0 0; font-size: 105% } .bothsidebar .portfolio-1 .portfolio-desc .btn, .bothsidebar .portfolio-1 .portfolio-desc ul { display: none } .portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px } .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 60px; padding: 0; border-bottom: 0; overflow: hidden } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image { float: none; margin: 0 !important } .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { width: 1140px; height: 500px } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-60px); transform: translateX(-60px) } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(60px); transform: translateX(60px) } .portfolio-1.portfolio-fullwidth .portfolio-desc { position: absolute; float: none; width: 380px; height: 100%; padding: 30px; background-color: #F9F9F9; top: 0; left: auto; right: -380px } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-desc { -webkit-transition: right .3s ease-in-out; transition: right .3s ease-in-out } .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc { right: 0 } .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { left: -380px; right: auto } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { -webkit-transition: left .3s ease-in-out; transition: left .3s ease-in-out } .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc { left: 0 } .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 33% } .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 33% } .postcontent .portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { width: 860px; height: 377px } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-40px); transform: translateX(-40px) } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(40px); transform: translateX(40px) } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc { width: 320px; padding: 25px; right: -320px } .postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { left: -320px; right: auto } .postcontent .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 32% } .postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 32% } .bothsidebar .portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a, .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img { width: 580px; height: 254px } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img { -webkit-transform: translateX(-20px); transform: translateX(-20px) } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img { -webkit-transform: translateX(20px); transform: translateX(20px) } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-desc { width: 240px; padding: 15px 20px; right: -240px } .bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-desc { left: -240px; right: auto } .bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 29% } .bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a { left: auto; right: 29% } .portfolio.portfolio-parallax { margin: 0 !important } .portfolio.portfolio-parallax .portfolio-item { float: none; width: 100% !important; height: 500px !important; margin: 0 !important } .portfolio.portfolio-parallax .portfolio-item .portfolio-image { width: 100% !important; height: 500px !important; background-attachment: fixed } .portfolio.portfolio-parallax .portfolio-desc { position: absolute; top: 50%; left: 0; margin-top: -57px; width: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, .15); padding: 0; opacity: 0 } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio.portfolio-parallax .portfolio-desc { -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out } .portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc { opacity: 1 } .portfolio.portfolio-parallax .portfolio-desc h3 { font-size: 170%; font-weight: 300; letter-spacing: -1px } .entry-link, .entry-title h2 { text-transform: uppercase; letter-spacing: 1px } .portfolio.portfolio-parallax .portfolio-desc h3 a { color: #FFF } .portfolio.portfolio-parallax .portfolio-desc h3 a:hover { color: #DDD } .portfolio.portfolio-parallax .portfolio-desc span { margin-top: 12px; font-size: 120%; color: #CCC } .portfolio.portfolio-parallax .portfolio-desc span a { color: #DDD } .portfolio.portfolio-parallax .portfolio-desc span a:hover { color: #BBB } .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider { width: 100%; text-align: center; margin: 15px 0 0 } .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div { display: inline-block; width: 50px; height: 0; border-bottom: 1px solid #FFF } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div { -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out } .portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div { width: 120px } .portfolio.portfolio-parallax .portfolio-overlay { background-color: rgba(0, 0, 0, .4) } .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; text-align: center; background-color: rgba(0, 0, 0, .0) } .medal .portfolio-item .portfolio-image, .medal .portfolio-item .portfolio-image a, .medal .portfolio-item .portfolio-image img, .medal .portfolio-overlay { border-radius: 500%; max-width: 300px; max-height: 300px } .medal .portfolio-item .portfolio-image { border: 5px solid #917141; margin: 0 auto } .medal .portfolio-desc { margin: 0 auto; max-width: 300px } .medal .portfolio-desc h3 { font-size: 200%; text-align: center } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay { -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out } .iportfolio:focus .portfolio-overlay, .iportfolio:hover .portfolio-overlay, .portfolio-item:focus .portfolio-overlay, .portfolio-item:hover .portfolio-overlay { background-color: rgba(0, 0, 0, .5) } .portfolio-overlay a { position: absolute; top: 50%; left: 50%; background-color: #F5F5F5; width: 40px !important; height: 40px !important; margin: -28px 0 0 -44px; font-size: 130%; line-height: 40px; text-align: center; color: #444; opacity: 0; border-radius: 50% } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a { -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear } .portfolio-overlay a.right-icon { left: auto; right: 50%; margin-left: 0; margin-right: -44px } .portfolio-overlay a.center-icon { display: block; margin: -20px 0 0 -20px; opacity: 0 } .iportfolio:focus a.center-icon, .iportfolio:hover a.center-icon, .portfolio-item:focus a.center-icon, .portfolio-item:hover a.center-icon { opacity: 1 } .portfolio-overlay a:hover { color: #00847A; background-color: #EEE } .iportfolio:hover .portfolio-overlay a.left-icon, .iportfolio:hover .portfolio-overlay a.right-icon, .portfolio-item:hover .portfolio-overlay a.left-icon, .portfolio-item:hover .portfolio-overlay a.right-icon { margin-top: -18px; opacity: 1 } .portfolio-overlay a i.icon-line-play { position: relative; left: 2px } .portfolio-overlay .portfolio-desc { position: relative; padding: 0 !important; margin: 0; text-align: center } .masonry-thumbs .overlay, .masonry-thumbs img { padding: 0 1px 1px 0 } .portfolio-overlay .portfolio-desc a { display: inline; position: relative; top: 0; left: 0; margin: 0; font-size: inherit; width: auto !important; height: auto !important; line-height: 1; background-color: transparent !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .15) } .entry-link:hover, .overlay-icon i, .product-overlay a:hover, .sale-flash { text-shadow: 1px 1px 1px rgba(0, 0, 0, .2) } .portfolio-overlay .portfolio-desc h3 { font-weight: 600; color: #F5F5F5 !important; line-height: 1 } .portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important } .portfolio-overlay .portfolio-desc span { margin-top: 7px; color: #DDD !important } .portfolio-overlay .portfolio-desc span a { color: #DDD !important; font-size: inherit } .portfolio-overlay .portfolio-desc~a { display: inline-block; position: relative; top: 0; left: 0; margin: 20px 0 0 !important } body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc~a { -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear; transition: color .2s linear, background-color .2s linear, opacity .2s linear } .portfolio-overlay .portfolio-desc~a.right-icon { left: 0; right: 0; margin-left: 5px !important; margin-right: 0 !important } .portfolio-overlay .portfolio-desc a:hover { background: 0 0 } body.device-touch.device-xs .portfolio-notitle .portfolio-overlay, body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay { display: none !important } .portfolio-single-image .slide a, .portfolio-single-image>a, .portfolio-single-image iframe, .portfolio-single-image img, .portfolio-single-image video { display: block; width: 100% } .portfolio-single-image-full { position: relative; height: 600px; overflow: hidden; margin: -80px 0 80px !important } .portfolio-single-video { height: auto !important } .portfolio-single-image-full .swiper-container { width: 100%; height: 600px; background-color: #333 } .portfolio-single-image-full .swiper-nested-1, .portfolio-single-image-full .swiper-nested-2 { width: 100% } .portfolio-single-image-full .swiper-slide { overflow: hidden } .portfolio-single-image-full .swiper-slide img { width: 100%; height: auto } .masonry-thumbs { position: relative } .masonry-thumbs a { position: relative; float: left; width: 25%; max-width: 100% !important; overflow: hidden } .masonry-thumbs.col-2 a { width: 50% } .masonry-thumbs.col-3 a { width: 33.3% } .masonry-thumbs.col-4 a { width: 25% } .masonry-thumbs.col-5 a { width: 20% } .masonry-thumbs.col-6 a { width: 16.6% } .masonry-thumbs a, .masonry-thumbs img { display: block; height: auto !important } .masonry-thumbs img { width: 100%; border-radius: 0 !important } .entry-image img, .entry-link { border-radius: 3px } .portfolio-single-content { font-size: 100% } .portfolio-single-content h2 { margin: 0 0 20px; padding: 0; font-size: 140%; font-weight: 600 !important } .portfolio-ajax-modal { width: 1000px !important } .modal-padding { padding: 40px } .ajax-modal-title { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 25px 40px } .ajax-modal-title h2 { font-size: 145%; margin-bottom: 0 } #portfolio-ajax-wrap { position: relative; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s ease; transition: max-height .4s ease } #portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px } #portfolio-ajax-container { display: none; padding-bottom: 60px } #portfolio-ajax-single h2 { font-size: 150% } .portfolio-meta, .portfolio-share { list-style: none; font-size: 100% } .portfolio-meta li { margin: 10px 0; color: #666 } .portfolio-meta li:first-child { margin-top: 0 } .portfolio-meta li span { display: inline-block; width: 150px; font-weight: 700; color: #333 } .portfolio-meta li span i { position: relative; top: 1px; width: 14px; text-align: center; margin-right: 7px } .well .line { margin: 20px 0; border-color: #E5E5E5 } #portfolio-navigation { position: absolute; top: 50%; left: auto; right: 10px; max-width: 96px; height: 24px; margin-top: -12px } .page-title-right #portfolio-navigation { left: 10px; right: auto } .page-title-center #portfolio-navigation { position: relative; top: 0; left: 0; margin: 20px auto 0 } #portfolio-navigation a { display: block; float: left; margin-left: 12px; width: 24px; height: 24px; text-align: center; color: #444; transition: color .3s linear; -webkit-transition: color .3s linear; -o-transition: color .3s linear } .page-title-dark #portfolio-navigation a { color: #EEE } .page-title-parallax #portfolio-navigation a { color: #FFF } #portfolio-navigation a i { position: relative; top: -1px; font-size: 140%; line-height: 1 } #portfolio-navigation a i.icon-angle-left, #portfolio-navigation a i.icon-angle-right { font-size: 160%; top: -6px } #portfolio-navigation a i.icon-angle-right { left: -1px } #portfolio-navigation a:first-child { margin-left: 0 } #portfolio-navigation a:hover { color: #00847A } .entry-title h2 a, .ipost .entry-title h3 a, .ipost .entry-title h4 a { color: #333 } #portfolio-ajax-show #portfolio-navigation { top: 0; margin-top: 0 } .iportfolio { position: relative; float: none; width: 100%; margin: 0; padding: 0 } .iportfolio .portfolio-image { position: relative; overflow: hidden } .iportfolio .portfolio-image, .iportfolio .portfolio-image a, .iportfolio .portfolio-image img { display: block; width: 100%; height: auto } .iportfolio .portfolio-overlay { height: 100% !important } #posts { position: relative } .entry { position: relative; margin: 0 0 50px; padding: 0 0 50px; border-bottom: 2px solid #F5F5F5 } .entry-image { margin-bottom: 30px } .entry-image, .entry-image .slide a, .entry-image>a, .entry-image img { display: block; position: relative; width: 100%; height: auto } .entry-image iframe { display: block } .entry-title h2 { margin: 0; font-size: 140%; font-weight: 600 } .entry-title h2 a:hover { color: #00847A } .entry-meta { margin: 10px -10px -15px 0; list-style: none } .single-post .entry-meta { margin-bottom: 20px } .entry-meta li { float: left; font-size: 105%; line-height: 14px; margin: 0 10px 15px 0; color: #999; font-family: 'Crete Round', serif } .entry-meta li:before { content: '/'; display: inline-block; margin-right: 10px; opacity: .5 } .entry-meta li i { position: relative; top: 1px; font-size: 110%; margin-right: 3px } .entry-meta li a { color: #999 } .entry-meta li a:hover { color: #00847A } .entry-meta li:first-child:before { display: none } .entry-meta li ins { font-weight: 600; text-decoration: none } .entry-c { position: relative; overflow: hidden } #posts .entry-content { margin-top: 30px } .single-post .entry-content .entry-image { max-width: 350px } .entry-content { position: relative } .entry-link { display: block; width: 100%; background-color: #F5F5F5; padding: 30px 0; text-align: center; color: #444; font-family: Raleway, sans-serif; font-size: 140%; font-weight: 700 } .entry-link span, .entry blockquote p { font-weight: 400; font-family: 'Crete Round', serif; font-style: italic } body:not(.device-touch) .entry-link { -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out } .entry-link:hover { color: #FFF; background-color: #00847A } .entry-link span { display: block; margin-top: 5px; text-transform: none; letter-spacing: 0; font-size: 110%; color: #AAA } .entry-link:hover span { color: #EEE } .ievent .entry-image, .small-thumbs .entry-image { float: left; width: 300px; margin: 0 30px 0 0 } .ievent .entry-image img, .small-thumbs .entry-image img { border-radius: 0 } .ievent .entry-c .entry-image, .small-thumbs .entry-c .entry-image { float: none; width: 100%; margin: 0 0 20px } .ievent .entry-c .entry-image img, .small-thumbs .entry-c .entry-image img { border-radius: 5px } .ievent .entry-title h2, .small-thumbs .entry-title h2 { font-size: 140%; font-weight: 600 } .small-thumbs.alt .entry-image { float: right; margin: 0 0 0 30px } .small-thumbs.alt .entry-c .entry-image { float: none; margin: 0 0 20px } .bothsidebar .small-thumbs .entry-image { width: 200px; margin: 0 25px 0 0 } .bothsidebar .small-thumbs.alt .entry-image { margin: 0 0 0 25px } .bothsidebar .small-thumbs .entry-c .entry-image { width: 100%; margin: 0 0 20px } .bothsidebar .small-thumbs .entry-title h2 { font-size: 120% } .post-grid { margin-right: -28px } .post-grid .entry { float: left; width: 264px; margin-right: 28px } .post-grid .entry-image img { border-radius: 0 } .post-grid .entry-title h2 { font-size: 125%; font-weight: 600 } .post-grid .entry-link { font-size: 150% } .post-grid .entry-link span { font-size: 105% } .post-grid.grid-3 { margin-right: -30px } .post-grid.grid-3 .entry { width: 360px; margin-right: 30px } .post-grid.grid-3 .entry-title h2 { font-size: 120% } .postcontent .post-grid.grid-3 { margin-right: -25px } .postcontent .post-grid.grid-3 .entry { width: 270px; margin-right: 25px } .postcontent .post-grid.grid-3 .entry-title h2 { font-size: 130% } .post-grid.grid-2 { margin-right: -40px } .post-grid.grid-2 .entry { width: 550px; margin-right: 40px } .post-grid.grid-2 .entry-title h2 { font-size: 105% } .postcontent .post-grid.grid-2 .entry { width: 410px } .postcontent .post-grid.grid-2 .entry-title h2 { font-size: 120% } .bothsidebar .post-grid.grid-2 .entry { width: 270px } .bothsidebar .post-grid.grid-2 .entry-title h2 { font-size: 130% } .post-masonry .entry-image, .post-masonry .entry-image img { height: auto !important } .post-masonry-full { margin: -80px 0 -80px -1px !important } .post-masonry-full .entry { width: 24.9% !important; margin: 0 !important; padding: 40px 30px; border-bottom: 1px dashed; border-left: 1px dashed; border-color: #E5E5E5 } .post-masonry-full.grid-3 .entry { width: 33.3% !important } .timeline-border { position: absolute; top: 0; left: 50%; margin-left: -71px; width: 0; border-left: 1px dashed #CCC; height: 100% } .post-timeline { margin-right: -140px !important } .post-timeline .entry { width: 500px !important; margin-right: 140px !important } .entry.entry-date-section { width: 100% !important; margin: 50px -70px 80px; padding: 0; border: 0; text-align: center } .entry.entry-date-section span { display: inline-block; padding: 10px 15px; background-color: #FFF; border: 2px solid #EEE; font-size: 130%; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family: Raleway, sans-serif } .post-timeline .entry-timeline { display: none; position: absolute; border: 2px solid #CCC; background-color: #FFF; padding-top: 0; text-indent: -9999px; top: 40px; left: auto; right: -76px; width: 13px; height: 13px; border-radius: 50%; font-size: 145%; font-weight: 700; color: #AAA; text-align: center; line-height: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .entry.entry-date-section+.entry .entry-timeline { top: 70px } .post-timeline .entry-timeline div.timeline-divider { position: absolute; top: 4px; left: -58px; width: 50px; height: 0; border-top: 1px dashed #CCC; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .post-timeline .alt .entry-timeline { right: auto; left: -77px } .post-timeline .alt .entry-timeline div.timeline-divider { left: auto; right: -58px } .post-timeline .entry-timeline span { display: block; margin-top: 3px; font-size: 105%; font-weight: 400 } .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider { border-color: #00847A; color: #00847A } .postcontent .timeline-border { left: 32px; margin-left: 0 } .postcontent .post-timeline { padding-left: 100px; margin-right: 0 !important } .postcontent .post-timeline .entry { width: 100% !important; margin-right: 140px !important } .postcontent .post-timeline .entry-timeline { display: block; border: 3px solid #CCC; background-color: #FFF; padding-top: 10px; text-indent: 0; top: 20px; left: -100px; right: auto; width: 64px; height: 64px; font-size: 150% } .postcontent .post-timeline .entry-timeline div.timeline-divider { top: 29px; left: 64px; width: 32px } .overlay-icon, .spost .entry-image, .spost .entry-image a, .spost .entry-image i, .spost .entry-image img { width: 48px; height: 48px } .ipost .entry-image img { border-radius: 0 } .ipost .entry-title h3, .ipost .entry-title h4 { margin: 0; font-size: 120%; font-weight: 600 } .ipost .entry-content, .mpost, .spost { margin-top: 20px } .ipost .entry-title h4 { font-size: 130% } .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover { color: #00847A } .ipost .entry-meta { margin-right: -10px } .ipost .entry-meta li { font-size: 105%; margin-right: 10px } .ipost .entry-content p { margin-bottom: 0 } .more-link { display: inline-block; border-bottom: 1px solid #00847A; padding: 0 2px; font-family: 'Crete Round', serif; font-style: italic } .more-link:hover { border-bottom-color: #555 } .overlay-icon { position: absolute; left: auto; right: 0; top: auto; bottom: 0; background-color: rgba(0, 0, 0, .2); text-align: center } .overlay-icon i { line-height: 48px; font-size: 150%; color: #FFF } .mpost, .spost { padding-top: 20px; border-top: 1px dashed #E5E5E5 } .mpost { margin-top: 25px; padding-top: 25px } .mpost:first-child, .spost:first-child { margin-top: 0; padding-top: 0; border-top: 0 } .mpost .entry-image, .spost .entry-image { float: left; margin: 0 15px 0 0; text-align: center } .mpost .entry-image a i, .spost .entry-image a i { font-size: 150%; line-height: 48px; color: #666; background-color: #EEE } .mpost .entry-title h4, .spost .entry-title h4 { margin: 0; font-size: 110%; font-weight: 600 } .mpost .entry-title h4 a, .spost .entry-title h4 a { color: #333 } .mpost .entry-title h4 a:hover, .spost .entry-title h4 a:hover { color: #00847A } .spost .entry-meta { margin: 8px -10px 0 0 } .mpost .entry-meta li, .spost .entry-meta li { font-size: 105%; margin: 0 10px 0 0 } .mpost .entry-image { margin-right: 20px } .mpost .entry-image, .mpost .entry-image a, .mpost .entry-image i, .mpost .entry-image img { width: 170px; height: 128px } .author-image, .author-image img { width: 84px; height: 84px } .mpost .entry-image a, .mpost .entry-image img { border-radius: 2px } .mpost .entry-image a i { font-size: 165%; line-height: 128px } .mpost .entry-title h4 { margin: 0; font-size: 125%; font-weight: 600 } .mpost .entry-meta { margin-top: 5px } .mpost .entry-meta li i { margin-right: 2px } .mpost .entry-content { margin-top: 15px } .post-navigation+.line { margin: 40px 0 50px } .author-image { float: left; margin-right: 15px } #comments { position: relative; margin-top: 50px; padding-top: 50px; border-top: 1px solid #EEE } .commentlist { list-style: none; padding-bottom: 50px; margin: 0 0 50px; border-bottom: 1px solid #EEE } #reviews .commentlist { padding-bottom: 30px; margin: 0 0 20px } .commentlist ul { list-style: none } .commentlist li, .commentlist li ul, .commentlist li ul li { margin: 30px 0 0 } .commentlist ul:first-child { margin-top: 0 } .commentlist li { position: relative; margin: 30px 0 0 30px } #reviews .commentlist li { margin-top: 20px } .comment-wrap { position: relative; border: 1px solid #E5E5E5; border-radius: 5px; padding: 20px 20px 20px 35px } .commentlist ul .comment-wrap { margin-left: 25px; padding-left: 20px } #reviews .comment-wrap { border: 0; padding: 10px 0 0 35px } #reviews .commentlist>li:first-child, .commentlist>li:first-child { padding-top: 0; margin-top: 0 } .commentlist li .children { margin-top: 0 } .commentlist li li .children { margin-left: 30px } .commentlist li .comment-content, .pingback { position: relative; overflow: hidden } .commentlist li .comment-content p, .pingback p { margin: 20px 0 0 } .commentlist li .comment-content { padding: 0 0 0 15px } .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1 } .comment-avatar { position: absolute; top: 15px; left: -35px; padding: 4px; background: #FFF; border: 1px solid #E5E5E5; border-radius: 50% } .comment-avatar img { display: block; border-radius: 50% } .commentlist li .children .comment-avatar { left: -25px } .comment-content .comment-author { margin-bottom: -10px; font-size: 120%; font-weight: 700; color: #555 } .comment-content .comment-author a { border: none; color: #333 } .comment-content .comment-author a:hover { color: #00847A } .comment-content .comment-author span { display: block } .comment-content .comment-author span, .comment-content .comment-author span a { font-size: 100%; font-weight: 400; font-family: 'Crete Round', serif; font-style: italic; color: #AAA } .comment-content .comment-author span a:hover { color: #888 } .comment-reply-link, .review-comment-ratings { display: block; position: absolute; top: 4px; left: auto; text-align: center; right: 0; width: 14px; height: 14px; color: #CCC; font-size: 110%; line-height: 1 } .review-comment-ratings { width: auto; color: #333 } .comment-reply-link:hover { color: #888 } #respond, #respond form { margin-bottom: 0 } .commentlist li #respond { margin: 30px 0 0 } .commentlist li li #respond { margin-left: 30px } #respond p { margin: 10px 0 0 } #respond p:first-child { margin-top: 0 } #respond label small { color: #999; font-weight: 400 } #respond input[type=text], #respond textarea { margin-bottom: 0 } #respond .col_full, #respond .col_one_third { margin-bottom: 20px } .fb-comments, .fb-comments>span, .fb-comments>span>iframe, .fb_iframe_widget, .fb_iframe_widget>span, .fb_iframe_widget>span>iframe { display: block !important; width: 100% !important; margin: 0 } div.alignleft, img.alignleft { float: left; margin: 5px 20px 13px 0; max-width: 100% } div.aligncenter>img, div.alignleft>img, div.alignnone>img, div.alignright>img { display: block; float: none } div.aligncenter, div.alignnone, img.aligncenter, img.alignnone { display: block; margin: 10px 0; float: none } div.aligncenter, div.aligncenter img, img.aligncenter { margin-left: auto; margin-right: auto; clear: both } div.alignright, img.alignright { float: right; margin: 5px 0 13px 20px } .wp-caption { text-align: center; margin: 10px 20px 13px; font-family: Lato, Georgia, "Times New Roman", Times, serif; font-style: italic } .wp-caption img, .wp-caption img a { display: block; margin: 0 } p.wp-caption-text { display: inline-block; margin: 10px 0 0; padding: 5px 10px; background-color: #EEE; border-radius: 50px } .wp-smiley { max-height: 13px; margin: 0 !important } #infscr-loading, #portfolio-ajax-loader { position: fixed; z-index: 20; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background-color: rgba(0, 0, 0, .7); border-radius: 3px; line-height: 48px; font-size: 140%; color: #FFF; text-align: center } .product, .product-image, .shop { position: relative } #infscr-loading img, #portfolio-ajax-loader img { display: none; width: 24px; height: 24px; margin: 12px } #portfolio-ajax-loader { display: none } #portfolio-ajax-loader img { display: block } .shop { margin: 0 -20px -20px 0 } .shop .product { float: left; padding: 0 20px 20px 0; width: 25% } .product-image { width: 100%; height: auto; overflow: hidden } .product-image .slide a, .product-image>a, .product-image img { display: block; width: 100%; height: 100% } body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-image>a { -webkit-transition: all .5s ease; transition: all .5s ease } .product-image>a:nth-of-type(2) { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0 } .product-image:hover>a:nth-of-type(2) { opacity: 1; z-index: 2 } .product-desc { padding: 15px 0; font-size: 100% } .product-title { margin-bottom: 7px } .product-title h3 { margin: 0; font-size: 105% } .product-title h3 a, .single-product .product-title h2 a { color: #333 } .product-title h3 a:hover, .single-product .product-title h2 a:hover { color: #00847A } .product-price { font-size: 130%; font-weight: 600; color: #444; margin-bottom: 4px } .product-price del { font-weight: 400; font-size: 90%; color: #888 } .product-price ins { text-decoration: none; color: #00847A } .product-overlay { position: absolute; width: 100%; height: 44px; line-height: 44px; top: auto; bottom: -44px; left: 0; z-index: 6 } body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay { -webkit-transition: bottom .3s ease-in-out; transition: bottom .3s ease-in-out } .product:hover .product-overlay { bottom: 0 } .product-overlay a { display: block; float: left; width: 50%; font-size: 105%; color: #333; background-color: #F5F5F5; text-align: center; border-right: 1px solid rgba(0, 0, 0, .1) } #side-panel-trigger, #sitemap, #top-account, #top-cart, #top-search { float: left; margin: 40px 0 40px 15px } #top-cart { position: relative } #side-panel-trigger a, #sitemap a, #top-account a, #top-cart a, #top-search a { display: block; position: relative; font-size: 110%; line-height: 20px; text-align: center; color: #333; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out } #top-search a { z-index: 11 } #top-search a i { position: absolute; top: 0; left: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } .gsc-selected-option-container .gsc-selected-option { position: static; white-space: nowrap !important } .gsc-control-cse { font-family: Microsoft JhengHei, Arial Black, LiHei Pro !important } .gsc-tabHeader { display: inline-block; padding: 5px 20px; font-size: 150%; margin: 2px; border-radius: 20px; height: auto; line-height: 27px; min-width: 54px; text-align: center } .gsc-tabsArea, .gsc-tabsArea>div { height: auto !important } .gsc-tabHeader.gsc-tabhActive { color: #000 !important; border-color: #F90 !important; border: 1px solid #F90 !important; background-color: #fff !important } .gsc-tabHeader.gsc-tabhInactive { color: #000 !important; border-color: #CCC !important; background-color: #eee !important } .gsc-tabsArea { margin-top: 6px; margin-bottom: 0; border-bottom: 1px solid #F90 !important } .gsc-tabHeader { display: inline-block; padding: 5px 20px !important; font-weight: 700; font-size: 150%; margin: 2px; border-radius: 20px; height: auto !important; line-height: 27px; min-width: 54px; text-align: center } .gsc-tabHeader.gsc-tabhInactive:hover, input.gsc-search-button:focus, input.gsc-search-button:hover { background-color: #00847A !important; color: #fff !important } .gsst_a { font-size: 130% !important } .gs-result .gs-title, .gs-result .gs-title * { text-decoration: none !important } .gsc-result .gs-title { height: auto !important; overflow: visible !important } #top-search a i.icon-line-cross, body.top-search-open #top-search a i.icon-search3 { opacity: 0 } #top-search a .search_hover, body.top-search-open #top-search a .icon-search3 { opacity: 0; display: none } body.top-search-open #top-search a i.icon-line-cross { opacity: 1; z-index: 11; font-size: 120% } body.top-search-open #top-search a .search_hover { opacity: 1; z-index: 11; display: block } #top-cart a:hover { color: #00847A } #top-search .search { opacity: 0; z-index: -2; position: absolute; width: -webkit-fill-available; margin: 0; padding: 39px 15px; bottom: 0; right: calc(5% + 10px); -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; display: flex; justify-content: flex-end } .sticky-header #top-search .search { top: 10px; padding: 0 } body.top-search-open #top-search .search { opacity: 1; z-index: 10 } #top-search .search input { -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; border: 0; border-bottom: 2px solid #00847A; outline: 0 !important; font-size: 120%; height: 30px; line-height: normal; background-color: transparent; color: #333; letter-spacing: 2px } #top-search .search input:focus { outline: #b99959 solid 3px !important; border-bottom: 0 } body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search .search input { padding-left: 60px } body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search .search input { border-bottom: 2px solid rgba(0, 0, 0, .1) } #top-search .search input::-moz-placeholder { color: #555; opacity: 1 } #top-search .search input:-ms-input-placeholder { color: #555 } #top-search .search input::-webkit-input-placeholder { color: #555 } #top_search_input { width: 20%; min-width: 300px; float: right } #WebTop1_btnSearch { margin-right: 0 !important; border-bottom: 0 !important } #primary-menu .container #top-search .search input, .sticky-header #top-search .search input { border-bottom: 2px solid #00847A !important; height: auto !important; margin-top: inherit !important } .sticky-header #top-search .search #WebTop1_btnSearch { margin-top: 8px !important; height: 28px !important } #top-cart.top-cart-open .top-cart-content { opacity: 1; z-index: 11; margin-top: 0 } #top-cart .top-cart-content { width: 80px; opacity: 0; z-index: -2; position: absolute; width: 80px; background-color: #FFF; -webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, .05); box-shadow: 0 20px 50px 10px rgba(0, 0, 0, .05); border: 1px solid #EEE; border-top: 2px solid #00847A; top: 60px; right: -15px; left: auto; margin: -10000px 0 0; -webkit-transition: opacity .5s ease, top .4s ease; transition: opacity .5s ease, top .4s ease } .top-cart-items { padding: 15px } .top-cart-item { padding-top: 15px; margin-top: 15px; border-top: 1px solid #F5F5F5 } .top-cart-item:first-child { padding-top: 0; margin-top: 0; border-top: 0 } .top-cart-item-desc { position: relative; overflow: hidden } .top-cart-item-desc a { text-align: left !important; font-size: 95% !important; width: auto !important; height: auto !important; font-weight: 600; letter-spacing: 0 } #footer { position: relative; background-color: #EEE; border-top: 5px solid rgba(0, 0, 0, .2) } #copyrights div a:hover, #footer .togglet2:hover, #footer .togglet:hover, #mainfooter a:hover { color: #64D2C8 } #footer .togglec :before, #footer .togglet2 :before, #footer .togglet :before { position: absolute; margin-left: -25px } #footer .icon-line-minus:before { margin-left: -20px; margin-top: -5px } #footer .togglec ul a:before { content: url(../images/icon/arrow.png) } #copyrights div a:before { content: "►" !important } #footer .togglet, #footer .togglet2 { color: #fff; font-size: 120%; letter-spacing: 2px } #footer .togglet2 i, #footer .togglet i { display: none !important } #footer .toggle li:after { content: ""; display: block; width: 120%; border-bottom: 1px solid rgba(224, 224, 224, .25); margin-left: -18%; max-width: 1157px; overflow: hidden } address { text-align: center; margin: 10px 0 0; color: #fff; font-size: 110% } address a { font-size: 100%; color: #fff } #footer .togglet2:after, #footer .togglet:after { content: ""; display: block; width: 100%; border-bottom: 1px solid rgba(224, 224, 224, .25); margin-left: 0; overflow: hidden; padding-bottom: 10px } .togglec ul a { color: #fff; font-size: 90% } #mainfooter a { color: #fff } .togglec ul a:hover { color: #999 } #footer .togglec ul a:hover { color: #64D2C8 } #footer.dark, .dark #footer { background-color: #777676; color: #CCC; border-top-color: rgba(0, 0, 0, .2) } #footer .footer-widgets-wrap { position: relative; padding: 7em 0 } #copyrights { background-color: rgba(0, 0, 0, .2); color: rgba(255, 255, 255, .25); text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); padding: 15px 0 } #copyrights div a { font-size: 110%; display: inline-block; color: #fff; margin: 0 5px } #copyrights a:first-child { margin-left: 0 } .toggle { display: block; position: relative; margin: 0 0 5em; letter-spacing: 0 } .toggle .togglet, .toggle .togglet2, .toggle .toggleta { display: block; position: relative; margin: 0; color: #444; cursor: pointer } .toggle .togglet2 i, .toggle .togglet i { position: absolute; width: 30px; text-align: center; font-size: 100%; line-height: 1 } .toggle .toggleta { font-weight: 700 } .toggle i { display: none } .toggle .togglec { position: relative; padding: 10px 0 0 30px; line-height: 35px } #mainfooter .toggle-border { margin-bottom: .35em } .vistit_menu .toggle .togglet, .vistit_menu .toggle .togglet2, .vistit_menu .toggle .toggleta { color: #fff; font-size: 200%; padding: 5px 20px } .vistit_menu_2 .toggle .togglet, .vistit_menu_2 .toggle .togglet2, .vistit_menu_2 .toggle .toggleta { font-size: 150%; padding: 5px 20px } @media (min-width:992px) { .toggle { display: block; position: relative; margin: 0 0 1px; letter-spacing: 0; min-height: 300px; float: left } .vistit_menu .toggle { min-height: inherit } .vistit_menu .togglet { display: none } .vistit_menu .toggle .togglec { padding: 0 } .vistit_menu_2 .toggle { min-height: inherit } .vistit_menu_2 .togglet { display: none } .vistit_menu_2 .toggle .togglec { padding: 0 } } #gotoTop { display: none; z-index: 2990000; position: fixed; width: 40px; height: 40px; background-color: #333; background-color: rgba(0, 0, 0, .3); font-size: 140%; line-height: 36px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 2px } body:not(.device-touch) #gotoTop { transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear } .tab_smallmax { max-width: 1000px; margin: 0 auto } .stretched #gotoTop { bottom: 30px } .position_main { position: relative } .position_left { position: absolute; left: 0; top: 30px } .position_right { text-align: right } #gotoTop:hover { background-color: #00847A } .law_bottom span { display: inline-block } .hoverbox { padding: 0; margin-left: 1.5em; width: 98% } .line { position: relative } .line:before { content: ''; position: absolute; top: 0; bottom: 0; width: 3px; background: #c4c4d0; left: 45px } .mobile_date { position: relative } .mobile_show { display: none !important } .scroltit .updown { float: left; width: 33px; height: 48px; margin-left: 50px } #but_up { background: url(../images/index/up.png) no-repeat 0 0; text-indent: -9999px } #but_down { background: url(../images/index/down.png) no-repeat 0 0; text-indent: -9999px } .mask { position: absolute; top: 80%; left: 20%; font-size: 140%; color: #fff; font-weight: 700 } .human { top: calc(35% - 10px); left: calc(50% - 400px) !important; max-width: 800px; text-align: center; text-shadow: 2px 2px #434a54; background: rgba(0, 0, 0, .04); padding-bottom: 40px } .index .human { top: calc(40% - 10px) } .human .h1 { font-size: 300%; color: #fff; text-align: center; text-shadow: 2px 2px #434a54 } .human .h1:after { border-bottom: 0 solid hsl(0, 0%, 83%) } .human span { text-align: left; display: block; position: relative } .human span.signature { position: absolute; right: 0; font-size: 120% } .header_contact { background-color: #fff; border: #917141 5px solid; text-align: center; width: 88px; margin-top: 10px; height: 88px; border-radius: 50%; z-index: 5; margin-left: auto; margin-right: auto; position: absolute; left: 2% } .header_contact .content { display: block } .header_contact .content p { font-size: .85em !important; line-height: 0; margin: 18px 0 10px; color: #777676; text-align: center } .header_contact .content dfn, .header_contact .content font { font-size: 1.1em !important; line-height: 0; margin: 10px 0 0; display: block; color: #777676; font-style: normal } .header_contact .content .date { font-size: .85em !important; white-space: nowrap } .panel-group { max-height: 800px; overflow: hidden; margin-bottom: 0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } .index_new .panel-group, .othernews, .scrollstyle { max-height: 568px; overflow: hidden; margin-bottom: 0; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } .nopadding { padding-left: 0; padding-right: 5px } .panel-group .panel { border: 0; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; padding: 0 } .panel-group .row { margin: 0; padding: 0 0 1em; min-height: 100px } .panel-group a { color: #777676; text-decoration: none; display: block } .panel-group a:active, .panel-group a:focus, .panel-group a:hover { color: #00847A; background: #917141 } .panel-group a:active>.news_text, .panel-group a:focus>.news_text, .panel-group a:hover>.news_text { color: #FFF } .panel-body { background: #917141 } .news_text { font-size: 120%; margin-top: 10px; min-height: 80px } .othernews .news_text { font-size: 120%; margin-top: 10px; min-height: 80px; line-height: 100% } .moreword { text-align: center; color: #000; font-weight: 700 } .entry-meta { margin: 10px -10px -15px 0; margin-right: -10px; list-style: none; margin-left: calc(50% - 90px) } .entry-meta li { float: left; font-size: 80%; line-height: 14px; margin: 0 10px 15px 0; color: #878888 } .entry-meta li i { position: relative; top: 1px; font-size: 110%; margin-right: 3px } .entry-meta li:first-child:before { display: none } .entry-meta li:before { content: '/'; display: inline-block; margin-right: 10px; opacity: .5 } .entry-image, .entry-image .slide a, .entry-image>a, .entry-image img { display: block; position: relative; width: 100%; height: auto } .visit h1 { padding-bottom: 0; margin-bottom: 0 } .mainimg { padding-top: 15%; display: block } .clocks { position: relative; overflow: hidden } .clocks .header_contact { border: #9E9F9F 5px solid } .clocks .date { color: #777676 } .clocks .header_contact { margin-left: 0; position: relative; left: 0; background: #fff } .vistit_menu { background: #00847A; position: relative; margin: 0; clear: both } .vistit_menu_2 { background: #f1f0f0; position: relative; margin: 0; clear: both } .vistit_menu_2 ul, .vistit_menu ul { margin: 0 auto } .content_issues { padding: 0 0 5%; clear: both } .vistit_menu_2 li, .vistit_menu li { display: inline-block; margin: auto; margin: 4px } .vistit_menu li a { padding: 5px 10px; color: #fff; border-radius: 20px; font-size: 120%; white-space: nowrap; font-weight: bolder } .vistit_menu_2 li a { padding: 5px 40px; color: #585252; font-size: 120%; margin: 2%; white-space: nowrap; font-weight: bolder } .vistit_menu li .ative, .vistit_menu li a:hover { background: #fff; border-radius: 20px; color: #00847A } .vistit_menu_2 .ative, .vistit_menu_2 li a:hover, .vistit_menu li .ative { color: #00847A } .onlycolor { color: #4C4948 } .levelline { position: absolute; border-bottom: 1px dashed #999; height: 1px; width: 10000px; top: 50%; z-index: 0; left: 80px } .nocontent .levelline { width: 0 } .verticalline { position: absolute; border-left: 1px dashed #999; width: 1px; height: 10000px; z-index: 0; left: 75px } .clocks_line { overflow: hidden } .clocks_line a { color: #4C4948 } .clocks .onlycolor { padding-left: 3.1% } .clocks a:hover>.clocks h4 { color: #00847A } .clocks a:hover>.clocks_line .header_contact { border: #158a81 5px solid } .clocks a:hover>.clocks_line .header_contact .date { color: #158a81 } .clocks_img img { margin-left: 0; max-height: 225px } .issues_img img { width: 100%; max-width: 500px; min-height: 200px } .left-boderline { border-left: #777676 5px solid; margin: 1em 0 3em } .left-boderline h4, .left-boderline p { margin: 0; position: relative; padding-left: 28px } .left-boderline h4 a { width: calc(100%) } .h4_title { margin-bottom: 35px } .left-boderline p { margin-left: 20px } .blank { display: block; clear: both; padding: 1em 0 } .notop { padding: 0 } .goldencolor h4, .inline { display: inline-block } .haved { color: #777676 } .issues_say { margin-top: 5% } .issues_word { padding: 1% 2%; max-width: 500px; margin: 0 auto } .issues_word h4 { color: #595757 } .issues_about { border-top: #e5e6e6 1px solid; margin-top: 5% } .about .abgne-frame { margin: 1em .5em } .president_bg { background: #fff url(../images/index/presidential_palace.jpg) no-repeat } .visit_tab>.Write_president { text-align: center } .visit_tab th { color: #fff; font-size: 120% } .write_title2 { background: #777676 } .map { background: none; margin: 5% 0 } .img_usually { float: right; padding: 2% } .form-horizontal .control-label { position: relative } .something_say { background: url(../images/icon/service_icon08.jpg) center center no-repeat; background-color: #00847A } .form-control2 { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 100%; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s } .top_bar_main { float: right; margin: 10px 0 0 } .top_bar_group { display: flex; flex-wrap: wrap; align-items: center } .top_bar_group label { margin-bottom: 0 !important; margin-right: 10px; white-space: nowrap } .top_bar0, .top_bar1, .top_bar2 { display: inline-block; margin: 0 5px; vertical-align: middle } .top_bar_main .search a { border: none; width: 40px; height: 34px; vertical-align: middle; line-height: 30px; text-align: center; background-color: #00847a; margin-left: -20px; border-radius: 0 8px 8px 0 } .search .fa-search:before { content: url(../images/icon/search3.svg); width: 17px; height: 16px; display: block; margin-top: 8px } .top_bar_group .gsc-search-button { font-size: 100%; color: #fff; background-color: #848484; border-radius: 8px; vertical-align: middle; padding: 0 10px !important; height: 34px !important; cursor: pointer; border: 0 } .search-button { color: #fff; background-color: #848484; border-radius: 5px; padding: 0 10px; height: 33px; cursor: pointer; border: 0 } .top_bar { display: inline-block; margin: 5px 0; vertical-align: middle } .main_photo { width: 75% } .revo-slider-emphasis-text { font-size: 175%; font-weight: 700; letter-spacing: -1px; font-family: 'Microsoft JhengHei', sans-serif; padding: 15px 20px; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF } .revo-slider-desc-text { font-size: 140%; font-weight: 700; font-family: 'Microsoft JhengHei', sans-serif; width: 650px; text-align: center; line-height: 1.5; color: #EEE } .revo-slider-caps-text { font-size: 120%; font-weight: 400; letter-spacing: 3px; font-family: 'Microsoft JhengHei', sans-serif } .tp-video-play-button { display: none !important } .tp-caption { white-space: nowrap } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none } body:not(.side-header) .slider-parallax .slider-parallax-inner { left: 0 } .slider-parallax, .slider-parallax .swiper-container { visibility: visible; -webkit-backface-visibility: hidden } #slider { position: relative; width: 100%; overflow: hidden } .slider-parallax .slider-parallax-inner { position: fixed; width: 100%; height: 100% } .slider-parallax .ei-title, .slider-parallax .slider-caption, .slider-parallax .slider-parallax-inner { will-change: transform; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: transform 0 linear; -webkit-backface-visibility: hidden } .golden span { top: .4em; right: 5%; left: inherit; background: rgba(0, 0, 0, .1) } .org span, .red span { bottom: 5%; right: 5%; left: inherit; background: rgba(0, 0, 0, .1) } .iconall li a { float: left; width: 180px; height: 180px; background-size: cover; background-position: 0; border-radius: 50%; z-index: 10; color: #FFF; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 270px; font-size: 140%; font-size: 1.8vh; text-align: center; letter-spacing: 0; -webkit-transition: all .3s; transition: all .3s; white-space: nowrap; margin: 5% 0 } .line_go { background: url(../images/icon/service_icon01.svg) center center no-repeat; background-color: #00847A } .qa { background: url(../images/icon/service_icon02.svg) center center no-repeat; background-color: #917141 } .write_to { background: url(../images/icon/service_icon03.svg) center center no-repeat; background-color: #00847A } .visit_icon { background: url(../images/icon/service_icon04.svg) center center no-repeat; background-color: #917141 } .paper { background: url(../images/icon/service_icon05.svg) center center no-repeat; background-color: #00847A } .announcement { background: url(../images/icon/service_icon06.svg) center center no-repeat; background-color: #917141 } .index_style .container { width: 85%; max-width: 1700px } .visit_begin { padding: 1% } .list_members { font-size: 150%; padding: 0 5%; line-height: 180% } .hoverbox { margin-left: 0 } .scroltit .updown { margin-left: 30px } .header_contact { border: #9E9F9F 5px solid } .panel-group a:active, .panel-group a:focus, .panel-group a:hover { color: #00847A; background: #F2F2F3 } .panel-group a:active .header_contact, .panel-group a:focus .header_contact, .panel-group a:hover .header_contact { border: #00847A 5px solid !important } .panel-group a:active div, .panel-group a:focus div, .panel-group a:hover div { color: #00847A !important } .panel-body { background: #F2F2F3; border-bottom: 5px solid #00847A } 3 *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } .grid { list-style: none; margin: 30px auto; padding: 0; display: flex; flex-wrap: wrap; height: auto !important } .clearfix:after, .clearfix:before { content: " "; display: table; clear: both } .clearfix:after { clear: both } .container>header { margin: 0 auto; padding: 2em } .grid li { display: block; padding: 7px; width: 33%; opacity: 0; min-height: 550px !important; position: relative !important; left: auto !important; top: auto !important } .clocks li.shown, .no-cssanimations .grid li, .no-js .clocks li { opacity: 1 } .gridstyle .clocks li a { border: none; display: block; max-width: 100%; color: #9e9f9f } #newstwen { position: relative } #newstwen a, .news_list_twen a { position: absolute; top: 50px; right: 20px; color: #00847A; padding: 5px; border: 3px solid #00847A; border-radius: 8px; z-index: 4 } .change_hr { display: none } .news_list_twen a { position: static; max-width: 100%; padding: 0 5px; font-size: 80%; font-family: Microsoft JhengHei, Arial Black, LiHei Pro } .top_change news_list_twen a { font-size: 110%; padding: 3px 10px } #newstwen a:focus, #newstwen a:hover, .news_list_twen a:focus, .news_list_twen a:hover { color: #fff; background-color: #00847A; border: 3px solid #00847A; outline: none } #newstwen a:hover>.enchange, .news_list_twen a:hover>.enchange { display: none } .grid2 li span img, .grid2 span img, .grid li span img, .grid span img { padding-top: 5% } #grid li:hover, .gridstyle .clocks li a:hover { color: #158e87; background-color: #ebebed } #item { padding: 5% } #item .portfolio-image { margin: 5% 0 } #news_title { position: absolute; margin-top: 6%; right: 18px; top: 25px } #news_title span { display: block; padding: 10% 1%; white-space: nowrap } #news_title span:after { content: ''; display: block; border-bottom: 2px solid hsl(180, 1%, 62%); padding-bottom: 3px; margin-bottom: 0 } .photo>#news_title, .photo_main h5 { display: none } .clocks .news_date .header_contact { float: left } .opening { width: calc(100% - 80px); display: inline-block } #item .h4, #item h4 { color: #595758 } #grid li:hover>#item .h4, #grid li:hover>#item h4, #grid li a:hover>#item .h4, #grid li a:hover>#item h4 { color: #158a81 } #grid li:hover>#item .header_contact, #grid li a:hover>#item .header_contact { border: #158a81 5px solid } #grid li:hover>#item .header_contact .date, #grid li a:hover>#item .header_contact .date { color: #158a81 } #grid li:hover #news_title>span:after, #grid li a:hover #news_title>span:after { content: ''; border-bottom: 2px solid hsl(177, 100%, 31%) } .grid.effect li.animate { -webkit-animation: fadeIn .65s ease forwards; animation: fadeIn .65s ease forwards } @-webkit-keyframes fadeIn { to { opacity: 1 } } @keyframes fadeIn { to { opacity: 1 } } #item .text { color: #000 } .photo_main .photo:after { content: ""; position: absolute; border: 1px #777676; border-style: dashed; top: 15%; right: 100%; left: 25%; width: 58%; left: 25%\0/; width: 50%\0/; z-index: 0 } .movie_main .photo:after { width: 70% } #photo_number { position: absolute; right: 20px; top: 60px } .movie_main .movie_style #photo_number { display: none } #photo_number img { display: inline-block; z-index: 5; padding: 0 } #photo_number span { text-align: right } .img-responsive iframe { width: 100% } #item .img-responsive iframe { padding: 5% 0 1% } .accesskey { position: absolute; z-index: 1000000 } .u { left: 10px; top: 0 } .b, .c, .r { color: #fff } .a { font-size: small; left: -20px; bottom: 8px; color: #cecaca } .bigfont, .font, .smallfont { padding-top: 5px; width: 40px } div.search input[name=keyword], div.search span { display: block } div.search input[name=keyword] { margin-top: 4px } .mark, mark { padding: .2em; background-color: #FFFF63 } .embed-responsive-index { margin: 0 auto; padding-bottom: 35.5%; width: 70% } @media screen and (max-width:850px) { .grid li { width: 50% } } @media screen and (max-width:480px) { .grid li { width: 100% } } .write_title { background: #00847A } .write_title span { font-size: 180%; padding: 1% 2%; color: #fff; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .Write_president h4 { color: #917141 } .Write_president p { text-justify: inter-ideograph } .sign { font-weight: bolder; font-size: 130%; text-align: right } .write_start { padding-top: 2em } .form-horizontal { font-size: 140%; clear: both } .form-inline input, .inlie { display: inline-block } .content-word { font-size: 70% } #captcha { width: 30% } #music { background: none } .send li { margin-left: calc(50% - 120px) !important; width: 192px; width: 192px; width: 12rem; height: 192px; height: 192px; height: 12rem } .send li a { font-size: 80%; padding-top: 30%; line-height: 140% } .send li a:after { border-bottom: none } .send li a img { max-width: 80% } .search_w { max-width: 50%; margin-left: auto !important; margin-right: auto !important } .search_w .control-label { text-align: left !important } .result { background-color: #EEE; margin-bottom: 0 } .reply_begin a { font-size: 100% !important } .reply input { width: 80% } .reply_begin { padding: 5% 0 } .main_reply { background: #fff } .main_reply td { border-top: 0 !important } .main_reply td font span { margin: 0 auto } .spec_number { font-size: 120% } .spec_number dt { width: inherit; line-height: 200%; font-weight: lighter } .spec_number dd { line-height: 200% } .embed-responsive { clear: both } .gsc-input-box, input.gsc-search-button, input.gsc-search-button-v2 { width: auto !important; height: auto !important } #WebTop1_btnSearch { float: right; margin-left: 10px; color: #fff !important; text-align: center; border-radius: 5px !important; font-size: 100% !important; background: #00847A !important; padding: 0 8px !important } @media (min-width:768px) { .form-inline .form-control { margin-right: 10px } } @media (min-width:992px) { .index_style .abgne-frame { float: left; position: relative; overflow: hidden; text-align: center; width: 99%; overflow: hidden } .index_style .abgne-frame.effect img { -webkit-transition: .5s; transition: .5s } .index_style .abgne-frame.effect:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .index_style .container { width: 100% } } @media (min-width:1115px) and (max-width:1240px) { .iconall li a { width: 150px; height: 150px; line-height: 230px } } @media (min-width:992px) and (max-width:1115px) { .iconall li a { width: 140px; height: 140px; line-height: 210px; font-size: 115% } .grid li { min-height: 640px !important } } @media (max-width:810px) { .iconall li a { width: 140px; height: 140px; line-height: 210px; font-size: 115% } } @media (min-width:992px) { .widget { padding-left: 10%; padding-right: 10% } } @media (max-width:810px) { .iconall li a { width: 140px; height: 140px; line-height: 210px } } @media (max-width:767px) { .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: 20px } .BulletinTite { max-width: none } .mobile_show { display: block !important } .pc_show { display: none !important } .main_Banner .slick-next, .main_Banner .slick-prev { display: none !important } } @media (min-width:481px) { .container { position: relative } .spec_number dd { margin-left: 35px } } .rwd-table tr:nth-of-type(2n) { background: #eee } .rwd-table td, .rwd-table th { margin: .5em 1em } .rwd-table td { display: block } .rwd-table td:before { content: attr(data-th); font-weight: 700; padding-right: 10px; display: block } .rwd-table td:before, .rwd-table th { font-weight: 700 } @media (min-width:480px) { .rwd-table td:before { display: none } .rwd-table td, .rwd-table th { display: table-cell; padding: .25em .5em } .rwd-table td:before, .rwd-table th { font-weight: 700 } .meeting .meeting .table>thead>tr>th, .meeting .table>tbody>tr>td, .meeting .table>tfoot>tr>td, .meeting .table>tfoot>tr>th, .meeting .table>thead>tr>td, .meeting .table>thead>tr>th, .president_tab .president_tab .table>thead>tr>th, .president_tab .table>tbody>tr>td, .president_tab .table>tfoot>tr>td, .president_tab .table>tfoot>tr>th, .president_tab .table>thead>tr>td, .president_tab .table>thead>tr>th { border-right: 1px solid #ddd } } @media (max-width:480px) { .rwd-table td:before { color: #00847A } .rwd-table th { display: none !important } .rwd-table td, .rwd-table th { text-align: left !important } }