/* Theme Name: Digrand Theme URL: owl-themes.net Author: Owl-themes Author URL: http://themeforest.net/user/owl-template Description: ThemeForest Template Version: 1.0 */ /* Blog 1 col item social botton|Serj*/ .col_1 .button {margin-top: 29px; font-size: 14px;} .col_1 .blog_item_details_l {display: inline-block; float: left;} .col_1 .blog_item .blog_item_social_1_col {display: inline-block; float: left; padding-left: 38px;} .col_1 .blog_item p { margin:0!important; } .col_1 .blog_item .blog_item_social_1_col ul {margin: 0; padding: 0; text-align: left; float: left; } .col_1 .blog_item .blog_item_social_1_col ul li {display:table-cell; width: 49px; float: right;} .col_1 .blog_item .blog_item_social_1_col ul li:first-child a {border-right: 2px solid #0eaba4;} .col_1 .blog_item .blog_item_social_1_col ul li a {display: block;float: left;border: 2px solid #0eaba4;width: 100%;border-right: 0;text-align: center;color: #0eaba4;padding: 7px 0 7px 0; font-size: 11px; transition: 0.3s;} .col_1 .blog_item .blog_item_social_1_col ul li a:hover {background-color: #0eaba4; color: #fff; text-decoration: none;} .col_1 .button_comments {padding: 8px 15px; margin-top: 0; display: inline-block;} .col_1 .button_comments_row {display: inline-block; float: left; padding-left: 2px;} .col_1.blog .blog_item .blog_title {display: block;font-size: 34px;font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei"; line-height: 1;margin-bottom: 20px;} .col_1 .blog_item .blog_title:after {content: "";display: block;bottom: 0;width: 79px;height: 4px;background-color: #0eaba4; margin-top: 32px;} .col_1 .blog_item .blog_item_details .date, .blog_item_details .autor { padding-right: 13px;} .col_1 .blog_item {padding-bottom: 41px;font-size: 14px;margin-bottom: 37px;border-bottom: 1px solid #D3D3D3;} .col_1.blog .blog_item .blog_more {float: right;} .col_1.blog .blog_item .blog_more .button {margin-top: 0; padding: 8px 15px;} .col_1.blog .blog_item .blog_more .button:hover {text-decoration: none;} .col_1.blog .blog_item .blog_category_url {border: none; margin-right: 0; padding-right: 0;} /* Blog 2 col item social botton|Serj*/ .col_2 .button {margin-top: 29px; font-size: 14px;} .col_2 .blog_item p {margin: 0!important;} .col_2 .blog_item_details_l {display: inline-block; float: left;} .col_2 .blog_item .blog_item_social_1_col {display: inline-block; float: left; padding-left: 38px;} .col_2 .blog_item .blog_item_social_1_col ul {margin: 0; padding: 0; text-align: left; float: left; } .col_2 .blog_item .blog_item_social_1_col ul li {display:table-cell; width: 49px; float: right;} .col_2 .blog_item .blog_item_social_1_col ul li:first-child a {border-right: 2px solid #0eaba4;} .col_2 .blog_item .blog_item_social_1_col ul li a {display: block;float: left;border: 2px solid #0eaba4;width: 100%;border-right: 0;text-align: center;color: #0eaba4;padding: 7px 0 7px 0; font-size: 11px; transition: 0.3s;} .col_2 .blog_item .blog_item_social_1_col ul li a:hover {background-color: #0eaba4; color: #fff; text-decoration: none;} .col_2 .button_comments {padding: 8px 15px; margin-top: 0; display: inline-block;} .col_2 .button_comments_row {display: inline-block; float: left; padding-left: 2px;} .col_2 .blog_item .blog_title {display: block;font-size: 60px;font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei"; line-height: 1.1;margin-bottom: 25px;} .col_2 .blog_item .blog_title:after {content: "";display: block;bottom: 0;width: 79px;height: 4px;background-color: #0eaba4; margin-top: 32px;} .col_2 .blog_item .blog_item_details .date, .blog_item_details .autor { padding-right: 13px;} .col_2 .blog_item {padding-bottom: 0px!important;font-size: 14px;margin-bottom: 37px;} .col_2 .blog_item {padding-left: 60px; padding-right: 60px; border:none!important;} .col_2 .row-20 {margin-left: -60px; margin-right: -60px;} .col_2 .art_border_bottom {padding-bottom: 45px; border-bottom: 1px solid #D3D3D3;} .col_2_with_sidebar .blog_item {padding-left: 20px; padding-right: 20px;} .col_2_with_sidebar .blog_item p {margin: 0!important;} .col_2_with_sidebar.blog .blog_item .blog_title {font-size: 30px;} /* Blog 3 col item social botton|Serj*/ .col_3 .button {margin-top: 29px; font-size: 14px;} .back_bottonArea_center{position:relative; float: none; text-align: center;} .col_3 .blog_item_details_l {display: inline-block; float: left;} .col_3 .blog_item .blog_item_social_1_col {display: inline-block; float: left; padding-left: 38px;} .col_3 .blog_item .blog_item_social_1_col ul {margin: 0; padding: 0; text-align: left; float: left; } .col_3 .blog_item .blog_item_social_1_col ul li {display:table-cell; width: 49px; float: right;} .col_3 .blog_item .blog_item_social_1_col ul li:first-child a {border-right: 2px solid #0eaba4;} .col_3 .blog_item .blog_item_social_1_col ul li a {display: block;float: left;border: 2px solid #0eaba4;width: 100%;border-right: 0;text-align: center;color: #0eaba4;padding: 7px 0 7px 0; font-size: 11px; transition: 0.3s;} .col_3 .blog_item .blog_item_social_1_col ul li a:hover {background-color: #0eaba4; color: #fff; text-decoration: none;} .col_3 .button_comments {padding: 8px 15px; margin-top: 20px; display: inline-block;} .col_3 .button_comments_row {padding-left: 2px; text-align: left;} .col_3 .blog_item .blog_title {display: block;font-size: 24px;font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei"; line-height: 1.1;margin-bottom: 25px;} .col_3 .blog_item .blog_title:after {content: "";display: block;bottom: 0;width: 79px;height: 4px;background-color: #0eaba4; margin-top: 32px;} .col_3 .blog_item .blog_item_details .date, .blog_item_details .autor { padding-right: 13px;} .col_3 .blog_item {padding-bottom: 0px!important;font-size: 14px;margin-bottom: 37px;} .col_3 .blog_item { padding-left: 20px; padding-right: 20px; border:none!important;} .col_3 .row-20 {margin-left: -20px; margin-right: -20px;} .col_3 .art_border_bottom {padding-bottom: 45px; border-bottom: 1px solid #D3D3D3;} .col_3 .blog_item p{margin: 0!important;} /* Blog list*/ .blog_list .button {margin-top: 29px; font-size: 14px;} .blog_list .blog_item_details_l {display: inline-block; float: left;} .blog_list .button_comments {padding: 8px 15px; margin-top: 0; display: inline-block;} .blog_list .button_comments_row {display: inline-block; float: left; padding-left: 2px;} .blog_list.blog .blog_item .blog_title {font-size: 30px;} .blog_list.blog_left_sidebar .blog_item .blog_title, .blog_list.blog_right_sidebar .blog_item .blog_title {margin-bottom: 7px; font-size: 24px;} .blog_list.blog_left_sidebar .blog_item .blog_title:after, .blog_list.blog_right_sidebar .blog_item .blog_title:after{margin-top: 7px;} .blog_list.blog_left_sidebar .blog_item .blog_item_details, .blog_list.blog_right_sidebar .blog_item .blog_item_details {margin-bottom: 7px;} .blog_list.blog .blog_item .blog_more {text-align: left;} .blog_list.blog .blog_item .blog_more .button {margin-top: 19px;} .blog_list.blog.blog_left_sidebar .blog_item .blog_more .button, .blog_list.blog.blog_right_sidebar .blog_item .blog_more .button {margin-top: 8px;} .blog_list.blog_left_sidebar .button, .blog_list.blog_right_sidebar .button {margin-top: 0;} .blog_list .row-20 {margin-left: -20px; margin-right: -20px;} .blog_list .row-20 > div {padding-left: 20px; padding-right: 20px;} .blog_list .blog_item p {margin-top: 0;} .blog_list .blog_item .blog_image {margin-bottom: 0!important;} /* Blog fon paralax image */ .blog .fon_blog_title {padding: 180px 0 140px 0;text-align: center;} .blog .fon_blog_title h1 {color: white; font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei"; word-wrap: break-word; font-size: 48px; letter-spacing: 0.2em; line-height: 1; margin-bottom: 20px; } .blog .fon_blog_title h1:after {display: none;} .blog .fon_blog_title h2 {color: white;text-transform: uppercase; word-wrap: break-word; line-height: 1.3em; font-size: 18px; letter-spacing: 0.5em; font-weight: 500;} .blog .fon_blog_title h2:after {content: ""; display: block; bottom: 0; width: 79px; height: 4px; background-color: #0eaba4; margin: 0.5em auto 0;} /* Blog column */ .blog .blog_content {padding-top: 70px;} .blog .blog_content {background: white;} .blog_right_sidebar .blog_right {padding-left: 35px;} .blog_left_sidebar .blog_left {padding-right: 35px; float: left;} .blog_left_sidebar .blog_right {float: right;} /* Blog item */ .blog {font-size: 18px;} .blog .blog_item .blog_title {display: block; font-size: 32px; font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei"; line-height: 1.3em; margin-bottom: 20px;} .blog .blog_item .blog_title:after {content: ""; display: block; bottom: 0; width: 79px; height: 4px; background-color: #0eaba4; margin-top: 25px;} .blog .blog_item {padding-bottom: 45px; font-size: 16px; margin-bottom: 45px; border-bottom: 1px solid #D3D3D3; } .blog .blog_item .blog_item_details {margin-bottom: 30px;} .blog .blog_item .blog_item_details .date , .blog_item_details .autor , .blog_item_details .blog_category_url {display: inline-block; color: #999; margin-top: 6px; text-transform: uppercase; padding-right: 0px; margin-right: 0px; /*border-right: 1px solid #D3D3D3;*/} .blog_item_details .autor{display: block; font-size: 22px; font-weight: 600; color: #999; margin-top: 6px; text-transform: uppercase; clear: both;} .blog_item_details .autor span{margin-right:20px; color: #999;} .blog .blog_item .blog_category_url {color: #626262; margin-right: 15px; display: inline-block;} .blog .blog_item .blog_category_url:hover , .blog .blog_item .nulm-coment:hover {color: #141414} .blog .blog_item .comment {display: inline-block; text-transform: uppercase;color: #626262; margin-top: 6px;} .blog .blog_item .blog_item_details a:hover {text-decoration: underline;} .blog .blog_item .nulm-coment {display: inline-block; color: #626262;text-transform: uppercase; white-space: nowrap;margin-top: 6px;} .blog .blog_item p {height: 5em; overflow: hidden; margin: 0px 0 16px 0; line-height: 1.8em;} .blog .blog_item .blog_image {margin-bottom: 30px;display: inline-block; overflow: hidden;position: relative; max-width: 100%;} .blog .blog_item .blog_image .button_white {margin-top: 0;} .blog .blog_item .blog_more {text-align: center;} /* Blog item social botton */ .blog .blog_item .blog_item_social ul {margin: 0; padding: 0; text-align: right;} .blog .blog_item .blog_item_social ul li {display:table-cell; width: 40px; float: right;} .blog .blog_item .blog_item_social ul li:first-child a {border-right: 2px solid #0eaba4;} .blog .blog_item .blog_item_social ul li a {display: block;float: left;border: 2px solid #0eaba4;width: 100%;border-right: 0;text-align: center;color: #0eaba4;padding: 7px 0 7px 0; font-size: 11px; transition: 0.3s;} .blog .blog_item .blog_item_social ul li a:hover {background-color: #0eaba4; color: #fff; text-decoration: none;} /* Blog post */ .blog_post .blog_item article p {margin: 0px 0 30px 0; text-align: left; line-height: 2em; letter-spacing: 0; overflow: visible; height: auto;} .blog_post article { padding-bottom: 20px;/*border-bottom: 1px solid #D3D3D3; margin-bottom: 0px;*/} .blog_post .h3 {text-align: left;} .blog_post .h3:after {content: ""; display: block; bottom: 0; width: 35px; height: 4px;background-color: #0eaba4;margin: 15px 0px 25px 0px;} /* Tags */ .blog_post .tags_content a {display: inline-block; text-transform: uppercase; padding-right: 16px; float: left; margin-right: 15px; line-height: 1; margin-bottom: 15px; color: #6c6c6c; border-right: 1px solid #D3D3D3;} .blog_post .tags_content a:last-child {border: none; padding-right: 0; margin-right: 0;} .blog_post .tags_content a:hover {color: #141414;} /* Coments */ .coments_content {padding-top: 45px; border-top: 4px solid #0eaba4; margin-top: 30px;} .coments .coment_item {padding-bottom: 35px; border-bottom: 1px solid #D3D3D3; margin-bottom: 35px;} .coments .coment_item:last-child { padding-bottom: 0; border: none;} .coments .coment_item_r {padding-left: 30px;} .coments .coment_item .autor {color: #141414;font-size: 20px; line-height: 1; margin-top: 15px; margin-bottom: 15px;font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei";} .coments .coment_item_l img {border-radius: 50%;} .coments .reply .coment_item_l {padding-left: 70px;} /* Leave a comment */ .leave_coment {padding-top: 45px; border-top: 4px solid #0eaba4; margin-top: 30px;} .leave_coment .inputleft {padding-right: 17px;} .leave_coment .inputright {padding-left: 17px;} .leave_coment .leave_coment_content .item {margin-bottom:0px;margin-top: 35px;} .leave_coment .leave_coment_content textarea {height: 50px; margin-bottom: 50px;} .leave_coment .leave_coment_content .bottom_color {width: auto;padding: 14px 31px;} /* Default block sidebar */ .blog .block_title {color: #141414; font-size: 24px; font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei";} .blog .block_title:after {content: "";display: block;bottom: 0;width: 35px;height: 4px;background-color: #0eaba4;margin-top: 10px;margin-bottom: 30px;} .blog .block {margin-bottom: 75px;} /* Search */ .blog .header-search { margin-bottom: 40px;} .blog .search_submit button {width: 100%; text-align: center; padding: 15px 0px 16px;} .blog .search_submit button:hover {border-width: 1px;} .blog .search_input input {padding: 24px 25px;} .blog .search_input .input__label-content { padding: 15px 25px 13px 25px;} /* Block categori list*/ .blog .categori_list_name a {display: block; padding-bottom: 18px; margin-bottom: 18px; font-weight: 500; border-bottom: 1px solid #ECECEC; text-transform: uppercase;} /*.blog .categori_list_name a:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} */ /* Block autor */ .blog .blog_autor_top {margin-bottom: 30px; text-align: center;} /*.blog .blog_autor_top_avatar {float: left; width: 170px;} .blog .blog_autor_top_details {float: left; margin-left: 20px; width: 160px;}*/ .blog_autor_top_avatar img {border-radius: 50%;} .blog .blog_autor_top_details_name {color: #141414; font-size: 20px; margin-top: 20px; margin-bottom: 20px; font-weight: 900;} .blog .blog_autor_top_years {margin-bottom:10px;} .blog .blog_autor_top_social {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .blog .icon_block { color: #0eaba4; font-size: 12px; border: 2px solid #0eaba4;width: 36px;height: 36px; line-height: 28px;text-align: center;border-radius: 50%; float: left; margin-right: 7px; padding-top: 2px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex;box-sizing: border-box;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;} .blog .icon_block:last-child {margin-right: 0;} .blog .icon_block:hover {text-decoration: none; color: white; background: #0eaba4;transition: 0.5s;} /* Popular posts */ .blog .popular_posts_content_item {margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ECECEC;} /*.blog .popular_posts_content_item:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}*/ .blog .popular_posts_content a {display: block; margin-bottom: 5px; font-weight: 500;} .blog .popular_posts_content span {display: block; color: #9d9d9d; font-size: 14px;} /* Block tags */ .blog .block_tags_content a {display: inline-block; float: left; border: 2px solid #0eaba4; color: #0eaba4; padding: 6px 15px 5px 15px; margin: 0 10px 10px 0;font-weight: 500; text-transform: uppercase;} .blog .block_tags_content a:hover {text-decoration: none; color: white; background: #0eaba4;transition: 0.5s;} /* Pagination */ .blog .pagination {padding: 50px 0; background: #f6f6f6; text-align: center;} .blog .pagination li {display: inline-block;} .blog .pagination li a {display: inline-block; border: 2px solid transparent; margin:0 7px; font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei"; font-size: 14px; width: 30px; height: 30px; padding-top: 3px; text-align: center;} .blog .pagination li a:hover {border: 2px solid #0eaba4; color: #0eaba4; text-decoration: none; transition: 0.5s;} .blog .pagination li span {display: inline-block;margin:0 7px 0 0px; font-weight: 700;font-family: "蘋果儷中黑", "微軟正黑體", Arial, "Microsoft JhengHei", "Microsoft YaHei"; width: 30px;} .blog .pagination li .active {font-size: 20px;border: 2px solid #0eaba4; color: #0eaba4; padding-top: 3px; position: relative; top: 2px; width: 40px; height: 40px;} /* 追加 others */ .tableArea {position: relative; border: 2px solid #999; margin:40px auto;} .tableArea .col_left{text-align: center; background: #DDD;} .tableArea>div {padding:5px; border-bottom: 1px solid #999; line-height: 2em;} .tableArea .table_3{ /*line-height: 2em;*/ /*font-size: 28px;*/ border-left: 1px solid #999; text-align: center; } .tableArea .table_3 span{font-size: 16px; text-align: center!important;} .tableArea .downloadicon{font-size: 28px; vertical-align: middle;} .tableArea .table-download{text-align: center;} .tableArea .map{color: #999;} .tableArea .word-break{word-break: break-all; word-wrap: break-word;} /* 相簿內頁 */ .grid {} /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* ---- .grid-item ---- */ .grid-sizer, .grid-item { width: 33.333%; } .grid-item { float: left; } .grid-item img { display: block; max-width: 100%; } /* 相簿內頁 end */ /* About */ .aboutReset{border-bottom:0px!important;} .aboutReset .bottomLine{border-bottom:1px dotted #CCC; padding-bottom: 20px;} .about_area {margin-top:50px; line-height: 2em;} /*取消原本70px設定*/ .about_area h4{text-align: left;} .about_area .about_img{margin: 10px 50px 20px 0;} .about_area .stitle1{color: #0eaba4; font-weight: 800;} /*條文標題 內文*/ .about_area .stitle2{padding:10px; color: #0eaba4; font-weight: 600; background: #f6f6f6; text-align: center; border-top: 1px solid #CCC; line-height: 1.8em; clear:both;} .about_area .s_txt{padding:10px; text-align: left; border-top: 1px solid #CCC; line-height: 1.8em;} .about_area .s_txt ul{text-indent: -1.5em; margin-top: 0;} .about_area .s_txt ol{text-indent: -1em; margin:0; margin-left: 32px;} .about_area .s_txt ol li{border-bottom: 1px dotted #ddd;} .about_area .dotted01{position: relative; display: block; margin:30px 0; border-bottom: 1px dotted #666; clear: both;} .about_area .s_txt.s_txtbg1{border-right: 1px dotted #CCC; height: 5em;} .about_area .s_txt.s_txtbg2{border-left: 1px dotted #CCC; height: 5em;} @media only screen and (max-width: 991px){ .about_area .s_txt.s_txtbg1{border-right: 0;} .about_area .s_txt.s_txtbg2{border-left: 0;} } /*理監事成員編排*/ .about_people1, .about_people2{position: relative; padding-bottom:10px; border-bottom: 1px dotted #CCC;} .about_people1 img,.about_people2 img {margin-bottom: 0;}/*取消原始設定*/ .about_people1 .people{position: relative; float: left; width: 30%; height: 30%; border-radius:999em; overflow: hidden;} .about_people1 .text{position: relative; float: right; margin-top: 10%;} .about_people2 .people{position: relative;float: right; width: 30%; height: 30%; border-radius:999em; overflow: hidden;} .about_people2 .text{position: relative; float: left; margin-top: 10%;} .about_people2 .text p{text-align: right!important;} .about_people1,.about_people2{ margin: 0 auto -30px auto;} .about_people1 h5{text-align: left;} .about_people2 h5{text-align: right;} .about_people1 h5:after{margin: 10px 0 20px 0;} .about_people2 h5:after{margin: 10px 0 20px auto;} /*合作夥伴*/ .sponsor ul li{ width: 30%; height: auto; display: inline-block; margin: 0 1.5% 30px 1.5%; float:left; } .sponsor ul li a img{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sponsor ul li:hover img{ opacity: 0.8; transform: scale(0.9,0.9); } .sponsor ul li img{ border-radius: 999em; border: 2px solid #CCC; overflow: hidden; padding: 20px; } .sponsor ul li p{ margin: 10px 0!important; height: 4em!important; text-align: center; overflow:inherit!important; } /* 加寫 Table */ .table_01 {margin: 20px auto 50px; border-top:1px solid #999; border-bottom:1px solid #999;} .table_01 tr{border-bottom: 1px solid #CCC; line-height: 2em;} .table_01 tr:last-child{border-bottom: 0px;} .table_01 td {padding: 10px;} .table_01 tr td:nth-child(1){background: #f6f6f6; width: 20%; text-align: center;} .table_01 .t_color1{background: #fcf8e3!important;} .table_01 .t_color2{background: #dff0d8!important;} .table_01 .t_color3{background: #d9edf7!important;} .table_01 .t_color4{background: #f2dede!important;} .table_01 .t_color5{background: #b0d8a3!important;} .table_01 thead {background:#0eaba4; color: #FFF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;} .table_01 th {padding: 10px;border-left: 1px solid #CCC;} /* 會員 */ .membersArea{margin: 20px auto; float: none;} .membersArea .txt1{margin:40px 0; text-align: center; line-height: 1.8em; font-size: 18px; padding: 20px; background: #dff0d8;} .membersArea .txt1 a{color:#0eaba4; text-decoration: underline; } .membersArea .txt2{margin:5px 0; text-align: left; line-height: 1.8em; font-size: 18px; } .membersArea .txt3{margin:10px 0 5px 0; text-align: center; line-height: 1.8em; font-size: 18px;} .members_line1 {width: 100%; height: 35px; text-align: center; margin: 40px auto; line-height: 2em; background:url(../../images/line1000.png) no-repeat center center; } .members_line1 .txt-1{padding: 0 15px; background: #FFF;display: inline-block;} .members_line2 {width: 100%; height: 35px; text-align: center; margin: 20px auto; line-height: 2em; background:url(../../images/line1000.png) no-repeat center center; } .members_line2 .txt-1{padding: 0 15px; background: #FFF;display: inline-block;} .membersArea .join_btn{background: #0eaba4; color: #FFF; display: block; width: 60%; margin: 20px auto; text-align: center;} .membersArea .join_btn:hover{background: #FFF; color: #0eaba4;} .membersArea .fb_btn {display: block; width: 60%; margin: 0 auto; text-align: center; line-height: 1.5em; color: #FFF; background: #4267b2; border: 1px solid #4267b2; border-radius: 5px;} .membersArea .fb_btn a{color: #FFF;} .membersArea .fb_btn:hover{background: #FFF; color: #4267b2; border: 1px solid #4267b2; border-radius: 5px;} .membersArea .member_okbox{width: 100%; padding: 15px 25px; background: #DDD; border: 1px solid #CCC;} .membersArea section{margin:0 0 40px 0;} .membersArea .add_box1{width: 30%;} .membersArea .add_box2{width: 69%;} .membersArea .checkarea{position: relative; width: 100%; height: 52px; line-height: 60px;background: #CCC; display: inline-block; clear: both; border: 1px solid #CCC;} .membersArea .checkarea .t1, .membersArea .checkarea .t2{position: relative; float: left; width: 50%; height: 50px; background: #FFF; text-align: center; display: block;} .membersArea .checkarea input{width: 20px; height:20px; line-height: 60px; background: #FFF; border: 2px solid #0eaba4; } .membersArea .checkarea span{line-height: 50px;vertical-align: top;} /* 驗證碼區域 */ .membersArea .captchaArea{width: 100%;height:auto; margin: 10px auto; padding: 20px 0; display: block; text-align: center; } .membersArea .captchaArea .captchaText{line-height: 3em; display: inline;} .membersArea .captchaArea .captchabox{line-height: 3em; display: inline-block; width:120px; height: 24px; background: #FFF; margin-top: 8px;margin-left: 30px; padding: 15px; } /* 會員登入 */ .loginPic{ margin-top: 10%; display: block;} .loginArea{min-height: 400px; background: #FFF; padding:30px; border: 1px solid #CCC; border-radius: 8px; -webkit-box-shadow: 0 1px 12px rgba(117,117,117,0.75); -moz-box-shadow: 0 1px 12px rgba(117,117,117,0.75); box-shadow: 0 1px 12px rgba(117,117,117,0.75); } /* 忘記密碼 */ .loginArea .login-rightTxt{float: right; color: #999;} /* Test */ .rwd-table { background: #fff; overflow: hidden; } .rwd-table tr:nth-of-type(2n){ background: #eee; } .rwd-table th, .rwd-table td { margin: 0.5em 1em; } .rwd-table { min-width: 100%; } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:before { content: attr(data-th) " : "; font-weight: bold; width: 6.5em; display: inline-block; } .rwd-table th, .rwd-table td { text-align: left; } .rwd-table th, .rwd-table td:before { color: #D20B2A; font-weight: bold; } @media (min-width: 480px) { .rwd-table td:before { display: none; } .rwd-table th, .rwd-table td { display: table-cell; padding: 0.25em 0.5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } .rwd-table th, .rwd-table td { padding: 1em !important; } } /* Responsive */ @media only screen and (max-width: 1200px){ .test:after { content: '@media (max-width: 1200px)';} /* Blog 2 col item social botton|Serj*/ .col_2 .button_comments {padding: 8px 15px; margin-top: 20px; display: inline-block;} .col_2 .button_comments_row {display: inline-block; float: left; padding-left: 2px;} /* Blog 4 col item social botton|Serj*/ .col_4 .blog_item_details .autor {border-right: none;} .blog_list.blog_left_sidebar .button_comments_row, .blog_list.blog_right_sidebar .button_comments_row {margin-top: 7px;} /* 會員登入 */ .loginPic{ margin-top:0; margin-bottom: 20px;} } @media only screen and (max-width: 1024px){ .test:after { content: '@media (max-width: 1024px)';} body {line-height: 1.3; font-size: 14px;} .blog .blog_item .blog_title{font-size: 32px;} .blog_right_sidebar .blog_left {padding-right: 0px;} .blog_left_sidebar .blog_right {padding-left: 0px;} .blog .input-group-btn {top: 24px;} .blog .search_submit button {padding: 13px 0px 14px;} /* 會員登入 */ .loginPic{ margin-top: 0; display: none;} } @media only screen and (max-width: 991px){ .test:after { content: '@media (max-width: 991px)';} /* Blog 2 col item social botton|Serj*/ .col_2 .blog_item { padding-left: 30px; padding-right: 30px; border:none!important;} .col_2 .row-20 {margin-left: -30px; margin-right: -30px;} /* Blog 4 col item social botton|Serj*/ .col_4 .blog_item_details .autor {border-right: none;} .blog_list .blog_item {text-align: center;} .blog_list .blog_item .blog_title:after { margin: 15px auto 0 auto; } .blog_list.blog .blog_item .blog_more {text-align: center;} .blog_list .button_comments_row ,.blog_list .blog_item_details_l {float: none;} .blog_list.blog_left_sidebar .blog_item .blog_title, .blog_list.blog_right_sidebar .blog_item .blog_title {margin-top: 10px;} } @media only screen and (max-width: 820px){ .test:after { content: '@media (max-width: 820px)';} .blog .blog_content {padding: 30px 0;} .blog_right_sidebar .blog_left {padding-left: 20px;} .blog_right_sidebar .blog_right {padding-right: 20px;} .blog_post .blog_item {border-bottom: none;} /*.blog .search_submit button {padding: 10px 0px 9px 0px;}*/ /*相簿內頁*/ /* ---- .grid-item ---- */ .grid-sizer, .grid-item { width: 50%; } /*理監事成員編排*/ .about_people1, .about_people2 {margin: 0 auto -10px auto;} } /* Mobile and tablet devices */ @media only screen and (max-width: 767px){ .test:after { content: '@media (max-width: 767px)';} body {text-align: center;} .blog .blog_item {padding-left: 15px; padding-right: 20px;} .blog_post .blog_item {width: 100%;} .blog_post .tags .h3 {text-align: center;} .blog_post .tags .h3::after {margin: 15px auto 25px auto;} .blog_post .tags_content {text-align: center;} .blog_post .tags_content a {float: none; margin-right: 6px; margin-left: 6px;} .blog_post .tags_content a:last-child {margin-right: 6px;} .blog_post .blog_item_details_l :last-child {margin-right: 0; border: none; padding-right: 0;} .blog .blog_item .blog_category_url {float: none;} .blog .blog_item p {margin-bottom: 0;} .blog .blog_item .blog_title:after {margin: 15px auto 0 auto;} .blog .block_title:after {margin: 15px auto 30px auto;} .blog .block_tags_content a {float: none;} .blog .blog_autor_top_avatar , .blog .blog_autor_top_details{float: none; width: 100%;margin-left: 0;} .blog .blog_autor_top_social {width: 130px; margin: 0 auto;} .blog .blog_autor_top_details_name {margin-top: 10px;} .blog_right_sidebar .blog_left {padding: 0px;} .blog_left_sidebar .blog_right {padding: 0px;} .blog_right_sidebar .blog_right {padding: 0px; margin-top: 0px;} .blog_left_sidebar .blog_left {padding: 30px 0 0 0; margin-top: 0px; background: #e6e6e6;} .blog_right_sidebar .blog_left {padding-left: 0px;} .blog_right_sidebar .blog_right {padding-right: 0px;} .blog .block {margin-bottom: 50px;} .coments .coment_item_r,.coments .reply .coment_item_l {padding: 0;} .blog .blog_item .blog_item_social ul {display: inline-block; margin: 15px auto 0px auto;} .blog_item .blog_more {display: none;} .blog_list .blog_item {text-align: left;} .blog_list.blog_left_sidebar .blog_item .blog_title, .blog_list.blog_right_sidebar .blog_item .blog_title {text-align: left; font-size: 20px;} .blog_list .blog_item .blog_title:after { margin: 15px auto 0 0; } /* Block categori list*/ .blog .categori_list_name a {border-bottom: 1px solid #FFF;} /* Popular posts */ .blog .popular_posts_content_item {border-bottom: 1px solid #FFF;} /* Blog 1 col item social botton|Serj*/ .col_1 .blog_item_details_l {display: block; float: none;} .col_1 .blog_item .blog_item_social_1_col {float: none; padding-left: 0px;} .col_1 .button_comments_row {display: block; float: none; padding: 10px 0 10px 0;} .col_1 .blog_item .blog_category_url {color: #626262;margin-right: 0px; border-right: none;padding-right: 0;} /* Blog 2 col item social botton|Serj*/ .col_2 .blog_item_details_l {display: block; float: none;} .col_2 .button_comments_row {display: block; float: none; padding: 10px 0 10px 0;} .col_2 .blog_item .blog_category_url {color: #626262;margin-right: 0px;} .col_2_with_sidebar.blog .blog_item .blog_title {font-size: 24px} /* Blog 3 col item social botton|Serj*/ .col_3 .blog_item_details_l {display: block; float: none;} .col_3 .button_comments_row {display: block; float: none; text-align:center; padding: 10px 0 10px 0;} .col_3 .blog_item .blog_category_url {color: #626262;margin-right: 0px;} /* Blog 4 col item social botton|Serj*/ .col_4 .blog_item_details_l {display: block; float: none;} .col_4 .button_comments_row {display: block; float: none; text-align:center; padding: 10px 0 10px 0;} .col_4 .blog_item .blog_category_url {color: #626262;margin-right: 0px;} } @media only screen and (max-width: 480px) { .test:after { content: '@media (max-width: 480px)';} .blog {text-align: center;} .blog .blog_item {width: 100%;} .blog .blog_title:after {margin: 20px auto 0 auto;} .blog .block_title:after {margin: 10px auto 20px auto;} .blog .blog_title {font-size: 34px;margin-bottom: 10px;} .blog .blog_item {padding-bottom: 30px;margin-bottom: 30px;} .blog .blog_item .blog_item_details {margin-bottom: 10px;} .blog .blog_item .blog_item p {margin: 10px 0;} .blog .fon_blog_title h1 {font-size: 36px;} .blog .fon_blog_title { padding: 140px 0 110px 0;} .blog .block_tags_content a {float: none; margin: 5px 3px;} .blog .pagination li a, .blog .pagination li span {margin: 0;} .blog .blog_item .blog_title {font-size: 24px;} .blog .search_submit button {padding: 15px 0px 14px;} .col_2_with_sidebar .blog_item {width: 100%; padding-left: 0;padding-right: 0;} .col_3 .blog_item {width: 100%;} /*理監事成員編排*/ .about_people1 .people{position: relative; float: left; width: 50%; height: 50%; border-radius:999em; overflow: hidden;} .about_people2 .people{position: relative;float: right; width: 50%; height: 50%; border-radius:999em; overflow: hidden;} /* 會員 */ .membersArea .join_btn, .membersArea .fb_btn {width: 80%;} .membersArea .add_box1{width: 50%; float: left; margin-bottom: 10px;} .membersArea .add_box2{width: 100%;} /*合作夥伴*/ .sponsor ul li{ width: 45%; margin: 0 2.5% 30px 2.5%;} .sponsor ul li p{font-size: 14px;line-height: 1.5em!important;} } @media only screen and (max-width: 420px) { .col_1 .blog_item_details .autor {padding-right: 0;margin-right: 0;border-right: none;} .col_1 .blog_category_url {display: block; width: 100%; text-align: center; float: none;} } @media only screen and (max-width: 340px) { .test:after { content: '@media (max-width: 340px)';} .blog .fon_blog_title h1 {font-size: 40px;} } @media only screen and (max-width: 240px) { .test:after { content: '@media (max-width: 240px)';} .blog .bog_item_social ul li {width: 48px;} }