/* ---------------------------------->>> include <<<------------------------------------------------------------------*/
@charset "utf-8";

/* ---------------------------------->>> main <<<------------------------------------------------------------------*/
img { border: 0 none; display: inline-block !important; height: auto; max-width: 100%; vertical-align: middle; }
footer { padding: 20px 0; background-color: #c9caca; letter-spacing: 1px }
body { font-weight: 300; font-family: Microsoft JhengHei;}
iframe#hiddle_action { display: none; }
.hide { display: none }
.col-half-offset { margin-left: 4.166666667% }
@media(max-width:768px) {
  .col-half-offset { margin-left: initial; }
}

/* ---------------------------------->>> 右下角icon <<<------------------------------------------------------------------*/
.fab { position: fixed; z-index: 1000 }
#inbox .button_right1 { margin-top: 50px; }
#inbox .show-on-hover1:hover>ul.dropdown-menu, #inbox .show-on-hover1:focus>ul.dropdown-menu { display: block; }
#inbox .show-on-hover1 { bottom: 135px; right: 40px; }
#inbox .show-on-hover2 { bottom: 70px; right: 40px; }
@media(max-width:768px) {
  #inbox .show-on-hover1 { bottom: 80px; right: 15px; }
  #inbox .show-on-hover2 { bottom: 20px; right: 15px; }
  #inbox .btn-io { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; height: 50px; width: 50px; padding: 0 !important; }
}
#inbox .btn-io { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; height: 55px; width: 55px; padding: 0 !important; }
#inbox .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; margin-bottom: -5px; padding-bottom: 15px; }
#inbox .dropdown-menu-right { right: 0 !important; left: auto !important; }
#inbox .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 50px; padding: 5px 0; margin: 2px 0 0; text-align: center; list-style: none; background-color: rgba(255, 255, 255, 0) !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !important; }
#inbox .dropdown-menu>li>a { display: block; padding: 0; margin-top: 10px; clear: both; white-space: nowrap; width: 45px; height: 45px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; line-height: 45px; }
#inbox .dropdown-menu .tel_ch { background: #00d500; }
#inbox .dropdown-menu .email_ch { background: #848484; }
#inbox .dropdown-menu .fbmessage_ch { background: #0084ff; }
#inbox .dropdown-menu .line_ch { background: #00c300; }
#inbox .dropdown-menu .shop_ch { background: #ff9e67; }
#inbox .dropdown-menu svg { fill: white; width: 37px; height: 45px; }
#inbox .dropdown-menu svg.shop {fill: white; width: 30px; height: 45px;}
/* ---------------------------------->>> 手機選單處理 <<<------------------------------------------------------------------*/
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }
.navbar-toggle { margin-right: inherit; margin-top: 14px; }

/* ---------------------------------->>> nav_menu <<<------------------------------------------------------------------*/
.navbar-fixed-top-box { background: url(../images/top_bg.png) repeat; height: 230px; background-color: #ffffff; -webkit-box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.75); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
@media screen and (max-width:425px) {
  .navbar-fixed-top-box { height: 70px !important; }
  .navbar-default-logo { margin-top: 10px !important; margin-bottom: 5px !important; float: left; width: 55% !important; }
  .navbar_scroll .navbar-default-logo { width: 55% !important; }
  .navbar-default-logo.text-center { text-align: left; }
  .navbar-default-logo img { width: 100% !important; }
  .navbar-collapse { float: inherit !important; width: inherit !important; background: rgba(201, 202, 202, 0.8) !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
  .nav-ul-css li { margin-left: 0px; margin-right: 0px; }
  .nav-ul-css li a { color: #3d3b3b !important; letter-spacing: 2px; font-size: 15px; padding: 10px 10px; }
  .nav-ul-css { margin-top: 6px; }
}
@media screen and (max-width:425px) {
  .nav-ul-css li a { display: initial; line-height: 28px; }
}
.navbar-css { margin-bottom: 0px; border: 0px }
.navbar-default-css { background-color: inherit; margin-top: 5px; }
.navbar-default-logo { margin-top: 30px; margin-bottom: 35px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-default-logo img { width: 35%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; }
.navbar .navbar-collapse { text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0px; }
.navbar_img_left { position: absolute; top: 0px; }
.navbar_img_right { position: absolute; top: 0px; right: 0px; }
@media(max-width:1200px) {
  .navbar_img_left { display: none !important }
  .navbar_img_right { display: none !important }
}
.navbar_scroll { height: 70px !important; }
.navbar_scroll .navbar-default-logo { margin-top: 5px; margin-bottom: 5px; float: left; width: 45%; }
.navbar_scroll .navbar-default-logo.text-center { text-align: left; }
.navbar_scroll .navbar-default-logo img { width: 45% }
.navbar_scroll .navbar-collapse { float: right; width: 55% }
.navbar_scroll .nav-ul-css li { margin-left: 0px; margin-right: 0px; }
.navbar_scroll .nav-ul-css li a { color: #3d3b3b !important; letter-spacing: 2px; font-size: 17px; padding: 10px 10px; }
.navbar_scroll .nav-ul-css { margin-top: 8px; }
.nav-ul-css li { margin-left: 5px; margin-right: 5px; }
.nav-ul-css li:hover a { color: #337ab7 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.nav-ul-css li a hr { float: left; width: 3px; height: 22px; border-top: 0; margin: 0 8px; background: #c4e17f; background-image: -webkit-linear-gradient(#c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -moz-linear-gradient(#c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -o-linear-gradient(#c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: linear-gradient(#c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }
.nav-ul-css li a span { float: left; }
.nav-ul-css li a span font { letter-spacing: 1px; }
.nav-ul-css li a { color: #3d3b3b !important; letter-spacing: 5px; font-size: 18px; }
@media(max-width:1200px) {
  .navbar_scroll .navbar-default-logo { width: 30%; }
  .navbar_scroll .navbar-default-logo img { width: 75% }
  .navbar_scroll .navbar-collapse { width: 70% }
}
@media(max-width:991px) {
  .navbar_scroll .nav-ul-css li a { padding: 10px 1px; font-size: 16px!important; }

}
@media(max-width:768px) {
  .nav-ul-css li { margin-left: 0px; margin-right: 0px; }
  .nav-ul-css li a { padding: 10px 5px; }
  .navbar-default-logo img { width: 45%; margin-top: 15px }
  .navbar .navbar-nav { margin-top: 5px }
  .navbar_scroll .navbar-default-logo { width: 25%; }
  .navbar_scroll .navbar-default-logo img { width: 100%; margin-top: 8px; }
  .navbar_scroll .navbar-collapse { width: 75% }
  .navbar_scroll .nav-ul-css li a { padding: 10px 1px; font-size: 17px!important; }
}
@media screen and (max-width:425px) {
  .navbar-default-logo img { margin-top: 0px }
  .navbar_scroll .navbar-default-logo img { margin-top: 0px; }
  .navbar_scroll .nav-ul-css li a { letter-spacing: 5px; }
  .navbar_scroll .nav-ul-css li a { padding: 10px 5px; }
  .navbar .navbar-collapse { text-align: initial; padding-left: 50px }
}

/* ---------------------------------->>> 滑動banner處理 <<<------------------------------------------------------------------*/
.fade-carousel { position: relative; height: 100vh; margin-top: 225px; }
@media screen and (max-width:425px) {
  .fade-carousel { margin-top: 100px; }
}
.fade-carousel .carousel-inner .item { height: 100vh; }
.fade-carousel .carousel-indicators>li { margin: 0 2px; background-color: #ffba56; border-color: #ffba56; opacity: .7; }
.fade-carousel .carousel-indicators>li.active { width: 10px; height: 10px; opacity: 1; }
.hero { position: absolute; top: 50%; left: 50%; z-index: 3; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0, 0, 0, .75); -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
@media screen and (max-width:640px) {
  .hero { width: 320px; }
}
.hero h1 { font-size: 6em; font-weight: bold; margin: 0; padding: 0; }
.fade-carousel .carousel-inner .item .hero { opacity: 0; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; font-family: Microsoft JhengHei; }
.fade-carousel .carousel-inner .item.active .hero { opacity: 1; -webkit-transition: 2s all ease-in-out .1s; -moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; transition: 2s all ease-in-out .1s; }
.overlay { position: absolute; width: 100%; height: 100%; z-index: 2; }
.btn.btn-lg { padding: 10px 40px; }
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus { color: #f5f5f5; background-color: #1abc9c; border-color: #1abc9c; outline: none; margin: 20px auto; }
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5, .fade-carousel .slides .slide-6, .fade-carousel .slides .slide-7, .fade-carousel .slides .slide-8, .fade-carousel .slides .slide-9, .fade-carousel .slides .slide-10, .fade-carousel .slides .slide-11, .fade-carousel .slides .slide-12, .fade-carousel .slides .slide-13, .fade-carousel .slides .slide-14, .fade-carousel .slides .slide-15 { height: 85vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }
@media screen and (min-width:980px) {
  .hero { width: 980px; }
}
@media screen and (max-width:640px) {
  .hero h1 { font-size: 4em; }
}
@media screen and (max-width:400px) {
  .hero h1 { font-size: 4em; }
}
.topnav { font-size: 14px; }
.lead { font-size: 18px; font-weight: 400; line-height: 30px }
.lead_button1 { float: right; margin: 0px 15px 15px 0px; }
.lead_button2 { float: left; margin: 0px 0px 15px 15px; }
.lead_img { padding: 0px }
.row-no-padding { margin-left: 0; margin-right: 0;
  [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; }
}
@media screen and (max-width:640px) {
  .content-section h1 span { font-size: 22px !important; line-height: 25px }
  .content-section h2 span { font-size: 22px !important; line-height: 25px }
  .content-section span { font-size: 14px !important; line-height: 25px }
  .lead { font-size: 14px !important; line-height: 25px }
}
.intro-header { padding-top: 50px; padding-bottom: 50px; text-align: center; color: #f8f8f8; background: url(../img/intro-bg.jpg) no-repeat center center; background-size: cover; }
@media screen and (max-width:400px) {

  /*表格段行*/
  .table_shopping_list td { display: block; }
  .table_shopping_list td { position: relative; white-space: normal; text-align: left; }

  /*表格清單 [ table_color_list ]*/
  .table_shopping_list tr:first-child { position: absolute; top: -9999px; left: -9999px; }
  .table_shopping_list td { width: auto; position: relative; padding-left: 30% !important; white-space: normal; }

  /*表格文字*/
  .table_shopping_list td:before { position: absolute; left: 5px; width: 30%; white-space: nowrap; text-align: left; font-weight: bold; }
  .table_shopping_list td:before { content: attr(data-title); }
}
.colorgraph { width: 215px; height: 2px; border-top: 0; background: #c4e17f; border-radius: 5px; margin-bottom: 0px; margin-top: 0px; background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }
.colorgraph_bt { height: 4px; border-top: 0; background: #c4e17f; border-radius: 5px; background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }
.colorgraph_pro { height: 2px; border-top: 0; background: #c4e17f; border-radius: 5px; margin-bottom: 0px; margin-top: 0px; background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }

.indicators_spec{ margin-bottom: 150px }

/* ---------------------------------->>> article <<<------------------------------------------------------------------*/
.all_title_box { margin-bottom: 50px; margin-top: 50px; }
.all_title_box-detail { margin-bottom: 5px; margin-top: 50px; }
.all_title_ch { padding-bottom: 5px; font-size: 2.6em; color: #6f6d6e; }
.all_title_ch-detail { padding-bottom: 5px; font-size: 1.6em; color: #6f6d6e; }
.all_title_en { line-height: 35px; text-align: right; position: relative; right: 0px; margin-right: -120px; color: #999d9c; font-size: 17px; }
.all_more_box { margin-top: 40px; background-color: #323b38; color: #ffffff; line-height: 30px; cursor: pointer; -webkit-box-shadow: 0px 0px 22px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 22px -5px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 22px -5px rgba(0, 0, 0, 0.75); Copy Text }
.all_main { margin-top: 100px; margin-bottom: 50px }
.all_main.product_box { background: url(../images/top_bg.png) }
.all_btn_more { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 35px }
.article_main { letter-spacing: 2px; line-height: 27px; }
.page_no-detail { line-height: 400px; font-size: 25px }
.main-detail { padding-top: 130px }
@media screen and (max-width:425px) {
  .contact_main { background: inherit; background-color: inherit; -webkit-box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0); box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0); }
  .main-detail { padding-top: 0px }
}
.contact_main_box1 { border: 4px solid #c9caca; height: 450px; margin: 20px 5px 20px 10px }
.contact_main_box2 { border: 4px solid #c9caca; height: 450px; margin: 20px 10px 20px 5px }
@media(max-width:768px) {
  .contact_main_box1 { margin: 10px }
  .contact_main_box2 { margin: 10px; height: auto; }
}
.contact_info { line-height: 25px; font-size: 16px; color: #797979 }
.contact_info span{ font-weight: 400 }
@media screen and (max-width:425px) {
  .contact_main_box1 { margin: 20px }
  .contact_main_box2 { margin: 20px; height: inherit; overflow: hidden; padding-bottom: 15px; }
  .contact_info { color: #000000 }
}
.contact_info img { width: 37%; }
.contact_info_del { margin-bottom: 10px }
.all_page_main { margin-top: 95px; }
@media screen and (max-width:425px) {
  .all_page_main { margin-top: 0px; }
  .modal-dialog_spec { overflow-y: scroll; max-height: 85%; margin-top: 50px; margin-bottom: 50px; }
}

/* ---------------------------------->>> album <<<------------------------------------------------------------------*/
.album_box_main { min-height: 450px; padding-bottom: 50px; padding-top: 160px; }
@media screen and (max-width:767px) {
  .album_box_main { padding-top: 80px; padding-left: 15px; padding-right: 15px; }
}
.album:hover .album_img { background-color: #ffba56; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.album:hover .album_title { font-weight: 400; color: #ef597a; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.album .img-responsive { margin: 0 auto; }
.album { padding-top: 15px; box-shadow: 0 0 0px rgba(0, 0, 0, 0.2); transition: 0.3s; cursor: pointer; margin-bottom: 30px; }
.album .item_index { min-height: 350px }
.album .item_page { min-height: 270px }
.album .item_page_no { min-height: 270px; line-height: 250px; font-size: 18px }
.album_img { background-color: #ebebeb; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.album_img-datail { background-color: #ebebeb; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.album_title { font-size: 18px; margin: 5px 10px; letter-spacing: 1px; }
.album_content { font-size: 14px; line-height: 22px; margin: 0px 15px; min-height: 70px; letter-spacing: 1px }
.album_content_page { font-size: 14px; line-height: 22px; margin: 0px 15px; min-height: 50px; letter-spacing: 1px }
.album_enlarge_box { position: absolute; z-index: 1000; background-color: rgba(255, 255, 255, 0.6); line-height: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.album_enlarge_box a { font-size: 16px; color: #000000; text-decoration: none; }
.album:hover .album_enlarge_box { margin-top: -40px; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.carousel-control_spec1 { background-image: linear-gradient(to left, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .8) 100%) !important; }
.carousel-control_spec2 { background-image: linear-gradient(to right, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .8) 100%) !important; }
.carousel-inner > .item_index { height: 350px; }
.carousel-inner > .item_page { height: 270px; }
.carousel-inner > .item_page_no { height: 270px; }
.carousel-inner img { margin: auto; }
.carousel-inner .item_page img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.carousel-inner .item_index img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }