@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------通用設定-------------------------------------------------------------------*/

body {
    font-family: "微軟正黑體", "Arial";
    background: url(../images/index_headerbg.jpg) no-repeat center top;
}

.displaynone_bg {
    background: none;
}

.inside_bg {
    background: url(../images/index_headerbg.jpg) no-repeat center top;
    height: 250px;
}

/*---------------------CSS3 動畫設定-----------------------------------------------*/

img,
#logo-box,
/*--LOGO 外框--*/
#service-box,
/*--會員,搜尋,語系 外框--*/
#service-box div,
/*--會員,搜尋,語系 內容--*/
#banner-box,
/*--BANNER 外框--*/
#main-pdbox,
/*--產品套件 外框--*/
#main-pdbox div,
/*--產品套件 內容--*/
#index-content,
/*--首頁內容套件 外框--*/
#index-content div,
/*--首頁內容套件 內容--*/
#footer,
/*--頁底套件 外框--*/
#footer div
/*--頁底套件 內容--*/

    {
    -webkit-transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465);
    -moz-transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465);
    -o-transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465);
    transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465);
    /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465);
    -moz-transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465);
    -o-transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465);
    transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465);
    /* custom */
}


a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out 0s;
    color: #000;
    background-color: none;
    -moz-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

/*--連結背景動畫--*/
a:hover,
a:focus {
    text-decoration: underline;
    background: none;
    color: #000;
}

p {
    font-size: 16px;
    color: #5d5c5c;
}

.clear {
    clear: both;
}

ul,
ol {
    list-style: none;
}


/*-----------------------------------------------通用設定-------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/




/*-------------------------CIS 全站設定--bootstrop 組件 設定---全站文字(後台上架)設定--------------------------*/

.red {
    color: #cc0000;
}

.carousel-inner>.item {
    background: rgba(256, 256, 256, 0.7);
}

.container {
    min-height: inherit !important;
}


/*-----按鈕-------*/
.btn {
    border-radius: 0;
}

.company-more {
    font-size: 16px;
    color: #00a0e9;
    border: 3px #00a0e9 solid;
    padding-left: 30px;
    padding-right: 30px;
}

.company-more:hover {
    color: #d6000f;
    border: 3px #d6000f solid;
}

.glyphicon-chevron-left:before {
    font-family: FontAwesome;
    content: "\f053";
}

.glyphicon-chevron-right:before {
    font-family: FontAwesome;
    content: "\f054";
}


/*----內文 標題 段落--------*/


.txtNormal h1 {
    color: #d6000f;
    font-size: 30px;
}

.txtNormal h2 {
    color: #00a0e9;
    font-size: 22px;
}

.txtNormal h3,
#content-box h3 {
    color: #d6000f;
    font-size: 18px;
}

.txtNormal h4 {
    color: #2b2b2b;
    font-size: 18px;
    font-weight: bold;
    background: none;
}

.txtNormal h5 {
    background: #00a0e9;
    color: #fff;
    font-size: 18px;
    padding: 6px 10px;
}

.txtNormal h6 {}

.txtNormal p {
    color: #2b2b2b;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.txtNormal strong {}

.txtNormal ul,
#content-box ul {
    padding: 0;
    list-style: disc;
    margin-left: 20px;
}

.txtNormal li strong {
    padding-right: 10px;
}

.txtNormal ul li {
    color: #2b2b2b;
    font-size: 14px;
    line-height: 24px;
}

.txtNormal ol,
#content-box ol {
    margin-left: -20px;
    list-style: decimal;
}

.txtNormal ol li {
    color: #2b2b2b;
    font-size: 14px;
    line-height: 24px;
}

.txtNormal .nonestyle {
    list-style: none;
}

.txtNormal img {
    max-width: 100%;
}

.txtNormal a {
    color: #00a0e9;
}

.txtNormal td {}

.txtNormal td img {
    max-width: 100%;
}

/*-------------------------*/





/*----------------------------------------------header-----------------------------------*/

#header-row {
    margin: 0;
}

#language_area.row {
    margin-left: 0;
    margin-right: 0;
    background: #585858;
}


.index-msg-text {
    display: none;
}

.msgdate_span {
    display: none;
}

#index_product h3 {
    display: none;
}


#skype-box {
    display: none;
    background: #313131;
    color: #b1b1b1;
    padding: 0.5% 0;
}

#skype-box .container {
    text-align: right;
}

#skype-box a {
    color: #b1b1b1;
}

#skype-box a:hover {
    color: #fff;
}

#service-box #hello_member,
#service-box #qsearch {
    display: none;
}


#index_header {}

#top {
    background: rgba(255, 255, 255, 0.85)
}

#service-box span {
    display: block;
    font-size: 18px;
    color: #313131;
    text-align: right;
    padding: 25px 0;
}

#service-box strong {
    display: block;
    font-size: 22px;
    color: #00a0e9;
    font-style: italic;
}


/*語言*/
#language_area ul li a {
    color: #fff;
    background: none;
}

#language_area ul li a:hover,
#language_area ul li a:focus,
#language_area ul li a:active {
    background: none;
    text-decoration: underline;
}


/*nav*/
.navbar {
    margin-bottom: 0;
}

#mainnav #main_menu {
    text-align: center;
    width: 100%;
    font-size: 18px;
}

#mainnav #main_menu li {
    display: inline-block;
    float: none;
}

#mainnav #main_menu li a {
    padding: 10px 15px 14px;
    color: #000;
}

#mainnav #main_menu li a:hover {
    background: none;
    border-bottom: 3px #00a0e9 solid;
    color: #00a0e9;
}

.dropdown-menu {
    border: none;
    text-align: center;
}

.dropdown-menu li {
    width: 100%;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: #00a0e9;
    color: #FFF;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    border-bottom: 3px #00a0e9 solid;
    color: #00a0e9;
    background: none;
}


#banner-row {}



/*--------------------------------------------------------footer-------------------------------------------------------------*/
#footer_in .row {
    margin: 0;
}

#footer_in ul {
    margin-left: 0;
}

#footer {
    background: url(../images/footer_bg.png) repeat-x top;
    margin: -8% 0 0;
    padding: 7% 0 0;
}

#footer_in {
    margin-top: 3%;
    margin-bottom: 2%;
    width: 100%;
}

#footer_in #cominfo {
    font-size: 16px;
}

#footer_in #cominfo ul {}

#footer_in #cominfo ul li {
    line-height: 28px;
}

#cominfo .cominfotel,
#cominfo .cominfofax {
    color: #00a0e9;
}

#cominfo .cominfotel a {
    color: #00a0e9;
}

#footer_in .ftbar ul {
    color: #2b2b2b;
}

#footer_in .ftbar ul li {
    float: none;
}

#footer_in .ftbar ul li a {
    padding: 5px 0 0;
}

#footer_in .ftbar ul li a:hover {
    background: none;
    color: #00a0e9;
}


#footer_link {
    background: #313131;
}

#footer_link ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer_link ul li {
    display: inline-block;
}

#footer_link ul li a {
    color: #b1b1b1;
}

#footer_link ul li a:hover {
    color: #fff;
    background: none;
}


#skypedetectionswf {
    display: none;
}

.UPbanner {
    height: 100px;
    position: fixed;
    right: 0;
    top: 70%;
    width: 120px;
    z-index: 100;
}







/*index_banner*/
#banner-box {
    margin-top: 40px;
    margin-bottom: 40px;
}

#banner-box .carousel {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

#banner-box .carousel-control.left {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(0, 0, 0, .0001) 100%);
}

#banner-box .carousel-control.right {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5) 0, rgba(0, 0, 0, .0001) 100%);
}



/*index_main*/
#index_company {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

#index_company h3 {
    color: #313131;
    font-size: 28px;
}


#news-box {}

#news-in {
    background: url(../images/index.jpg) no-repeat;
    min-height: 194px;
    max-height: 270px;
    overflow: hidden;
}

#news-box .text-left {
    font-size: 22px;
    color: #FFF;
    padding-left: 45px;
}

#news-box ul {
    height: 300px;
}

#news-box ul li {
    margin: 15px 0;
}

#news-box ul li h3 {
    font-size: 16px;
    padding-left: 9%;
    margin-top: 0;
}

.msgdate_span2 {
    color: #00a0e9;
    font-style: italic;
    padding-left: 0;
}


/*index_product*/
#index_product .jcarousel-wrapper {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto;
    position: relative;
}

#index_product .jcarousel li {
    border: none;
    position: relative;
}

#index_product .item {
    margin: 0 auto;
    position: relative;
    height: auto !important;
}

#idxprocarousel .caption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    height: 26%;
    left: 0;
    line-height: 34px;
    position: absolute;
    top: 30px;
    width: 100%;
    display: block;
    font-size: 22px;
    color: #313131;
    text-align: center;
}

#idxprocarousel .caption a {
    color: #313131;
    display: block;
    font-size: 22px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;


}

#idxprocarousel .caption a:hover {
    text-decoration: none;
    color: #d6000f;
}


#index_product .jcarousel-control-prev,
#index_product .jcarousel-control-next {
    border-radius: 0;
    background: #313131;
    color: #FFF;
}

#index_product .jcarousel-control-prev:hover,
#index_product .jcarousel-control-next:hover {
    background: #00a0e9;
    text-decoration: none;
}

#index_product .jcarousel-control-next {
    right: 0;
}

#index_product .jcarousel-control-prev {
    left: 0;
}

#index_product {
    position: relative;
}

#index_product .item button {
    background: none repeat scroll 0 0 #00a0ea;
    border: medium none;
    bottom: 0;
    color: #fff;
    position: absolute;
    right: 0;
}

#index_product .item button:hover {
    background: #d6000f;
}







/*------------------------------------------------------------內頁-------------------------------------------------------------------*/

#content-box .row {
    margin-left: 0;
    margin-right: 0;
}

#content-box {
    min-height: 500px;
    background: #fff;
    padding-bottom: 30px;
}

#page-header {
    position: relative;
    margin-bottom: 80px;
}

#inside-titel {
    margin-top: -55px;
}

#inside-titel h1 {
    position: absolute;
    left: -290px;
    color: #d6000f;
    font-size: 19px;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff;
    padding-left: 15px;
    font-weight: bold;
}

.container_msg2 #inside-titel h1 {
    left: 0;
}


/*sidebar*/
#rss_area,
#newsletter_area {
    display: none;
}

#sidebar .nav-header {
    padding: 10px 15px;
    background: #00a0e9;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#sidebar {
    margin-bottom: 30px;
}

#side_menu {
    border: 1px #ddd solid;
}

#side_menu ul {}

#side_menu ul li {
    border-bottom: 1px #ddd solid;
}

#side_menu ul li a {}

#side_menu ul li a:hover,
#side_menu ul li a:focus,
#side_menu ul li a:active {}

#side_menu ul li:last-child {
    border: none;
}

#side_menu ul li a.active {
    background: #e8e8e8;
}


#qsearch {
    margin-top: 20px;
    margin-bottom: 15px;
}




/*麵包屑*/
.breadcrumb {
    border-radius: inherit;
    background: none;
    text-align: right;
}

.breadcrumb li {
    font-size: 12px;
}

.breadcrumb li a {}

.breadcrumb li a:hover,
.breadcrumb li a:focus,
.breadcrumb li a:active {}

.breadcrumb>li+li::before {
    color: #000;
    content: "> ";
}

.divider {
    display: none;
}



#about-graybg {
    background: #f2f2f2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#Profilepage img {
    max-width: 100%;
    height: auto;
}

#tablist {
    margin: 2% 0;
}



#news-in ul {
    list-style: none;
}

#in_main_box {
    background: #fff;
    position: relative;
}











/*in_about*/
.container_msg2 #sidebar_box {
    display: none;
}

.container_msg2 #content-box {
    width: 100%;
}




/*in_product*/
#result {
    display: none;
}

.enlarge {
    display: none;
}

#Qty_box {
    margin: 0;
    width: 200px;
}

#Qty_box .control-label {
    float: left;
    margin-right: 7px;
}

.bimgarea {
    text-align: center;
}

.bimgarea img {}

#catedescA p {
    font-size: 14px;
    line-height: 25px;
    margin: 0 auto 25px;
    width: 96%;
}

#prodlist_ul {
    padding-left: 0 !important;
    list-style: none !important;
    margin-left: 0 !important;
}

#prodlist_ul li {}

#prodlist_ul li .thumbnail {
    border-radius: inherit;
    text-align: center;
    /*min-height:1160px;*/
}

#prodlist_ul li .listimg {}

#prodlist_ul li .listimg img {
    max-width: 100%;
}

#prodlist_ul li:nth-child(3n+1) {
    clear: both;
}


#catelist_ul {
    padding-left: 0 !important;
    list-style: none !important;
    margin-left: 0 !important;
}

#catelist_ul li {}

#catelist_ul li:nth-child(3n+1) {
    clear: both;
}

#catelist_ul li .thumbnail {
    border-radius: inherit;
    text-align: center;
}

#catelist_ul li .listimg {}

#catelist_ul li .listimg img {
    max-width: inherit;
    width: 100%;
}

.cate-num {
    display: none;
}


.cate-name-text p {
    font-size: 13px;
    margin: 10px 0 10px;
}

.prodlist .cate-name {
    display: none;
}

.prodlist .cate-name-more {
    margin: 5px 0;
}

#product-intro {}

/*in_contact*/
.alert-info {
    background: #00a0e9;
    border: none;
    color: #FFF;
    clear: both;
}




/*in_new*/
.pagination-centered {
    width: 100%;
}

ul.pagination {
    text-align: center;
    width: 100%;
}

ul.pagination li {
    margin: 0 -2px;
    display: inline-block;
}



/*in_sitemap*/
.container_site-map .txtNormal {}

.container_site-map .txtNormal ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.container_site-map .txtNormal ul li {
    float: left;
    margin: 0 1.5% 3%;
    width: 30%;
}

.container_site-map .txtNormal ul li a {
    background: none repeat scroll 0 0 #d7000f;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 0;
}

.container_site-map .txtNormal ul li a:hover,
.container_site-map .txtNormal ul li a:focus,
.container_site-map .txtNormal ul li a:active {
    background: #eeeeee;
    color: #124e5f;
}

.container_site-map .txtNormal ul li ul li {
    float: none;
    margin: 0 auto -2px;
    padding: 0;
    width: 99.2%;
    border: 1px dotted #ccc;
}

.container_site-map .txtNormal ul li ul li a {
    margin: 0px;
    background: #fff;
    color: #00a0e9;
    font-weight: normal;
    font-size: 110%;
}




.container_msg122 {}

.container_msg122 .msg_date {
    display: none;
}


/*頁籤*/
#prodNav .tabbable ul.nav-tabs {
    margin-left: 0px;
}

#prodNav .tabbable .tab-content>.active {
    border: 1px #eee solid;
    padding: 15px 15px;
    border-radius: 0 0 7px 7px;
}

#prodNav .tabbable .tab-content>#contentprod4.active {
    padding: 20px 15px;
}

.tabbable ul li a {
    background-color: #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: #00a0e9;
    color: #FFF;
}

/*頁籤 2D3D*/
.icon-title {
    margin: 5px 0 15px;
}

.icon-title strong {
    /* background-color: #ccc; */
    padding: 6px 12px;
    border-radius: 5px;
    color: #fff;
}

.icon-title.login {
    margin-bottom: 25px;
}


.icon-title.note strong {
    background-color: #D6000F;
}

.icon-title strong:before {
    content: "";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
    left: 0;
    margin-right: 5px;
}

.icon-title.login strong:before {
    content: "\f0a7";
}

.icon-title.note strong:before {
    content: "\f071";
}

.notice-box {
    background-color: #FEF5F5;
    padding: 20px;
    border-radius: 5px;
    margin-top: 30px;
}
.notice-box ul li {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0;
}

.btn-2d3d-style {
    margin: 15px 0;
}

.btn-login {
}

.btn-2d3d-style .btn-login {
    background-color: #0EA0E9;
    color: #fff;
    padding: 6px 16px;
    border-radius: 50px;
    position: relative;
    transition: all 0.35s ease;
    margin-right: 10px;
}

.btn-2d3d-style a:hover .btn-login {
    text-decoration: underline;
    background-color: #1D609A;
}

.btn-2d3d-style .btn-login:before {
    content: "";
    position: absolute;
    background-color: #ffffffab;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    left: 5px;
    top: calc(50% - 2.5px);
}

.btn-2d3d-style .btn-login:after {
    content: "";
    position: absolute;
    background-color: #ffffffab;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    right: 5px;
    top: calc(50% - 2.5px);
}

.btn-2d3d-style a {
    color: #333;
}

.tabbable ul li .btn-2d3d-style a.video {
    background-color: #0EA0E9;
    margin-left: 5px;
    cursor: pointer; /*手型，表示超連結*/
}

.tabbable ul li .btn-2d3d-style a.video:hover {
    background-color: #1D609A;
}