/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	margin:0; text-align:center; font-family:Arial,"微軟正黑體",Helvetica,sans-serif !important; font-size:15px; color:#484848; line-height:24px; background:url(../images/bg02.jpg) no-repeat top center;direction: rtl}
img {	border:0; }

/* Reset ================================================================================= */

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

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1002px; margin:0 auto; text-align:right; position:relative; clear:both;}
.footer-Box{text-align: left}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.top { position:absolute; z-index:99999; width:100%;}
.top-Box { margin-top:53px;}
.logo { float:left;}
.logo img { max-width:100%;}
.top-right { position:absolute; top:-10px; right:0; font-size:13px; color:#444;}
.top-right a { color:#444;}
.top-right a:hover { color:#AACD06; text-decoration:underline;}
.top-right span { display:inline-block; margin-left:7px;}
.top-right span img { vertical-align:middle;}
.search { background:url(../images/searchbg.png) no-repeat; width:139px; height:25px; border-width:0; font-size:11px; color:#000; padding:0 10px;}
.lang { background: url(../images/bg_select01.png) no-repeat;width: 145px;height: 25px;padding: 0 15px;position: relative;display: inline-block;}
.lang > a { background:url(../images/icon01.png) no-repeat 0 10px; font-size:14px; color:#444; display:block;}
.lang > a:hover { color:#444; text-decoration:none;}
.lang:hover div { opacity:1;  filter: alpha(opacity=100); visibility:visible;}
.lang div { position:absolute; z-index:9; width:100%; background:rgba(0,140,214,.9); font-size:13px !important; line-height:18px; left:0px; opacity:0;  filter: alpha(opacity=0); visibility:hidden;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.lang div a { display:block; padding:5px 20px !important; color:#fff; background:#419cd1 !important;}
.lang div a:hover { background:#fff !important; color:#419cd1 !important; text-decoration:none;}
ul.menu li:first-child img {
    vertical-align: middle;
}





.topcart{ background: url(../images/bg_cart.png) no-repeat left top; width:58px; height:44px; text-align:center; display:block;  color:#fff; font-size:20px; font-weight:700; line-height:45px; padding-left:13px;}
.topcart a{color: #FFF;}
.topnav{position:absolute; top:63px; right:220px; list-style:none;}
.topnav li{ float:right;}
.topnav li a{ display:block; color:#444; font-size:13px; line-height:18px;}
.topnav li a:hover{ color:#aacd06; text-decoration:underline;}

ul.menu { padding:40px 0 0 0; float:right;}
ul.menu li { float:left; position:relative; font-size:14px; color:#444;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
ul.menu li div { position:absolute; width:150px; left:0; opacity:0;  filter: alpha(opacity=0); visibility:hidden; z-index:9999;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
ul.menu li div a { display:block; padding:10px 15px; background:#8ECFEC; color:#fff; }
ul.menu li div a:hover { background:#008cd6; color:#fff;}
ul.menu li:hover { color:#fff;}
ul.menu li:hover div { opacity:1;  filter: alpha(opacity=100); visibility:visible;}
ul.menu li:first-child { position:absolute; top:0; right:0;}
ul.menu li:nth-child(4) div { display:none;}
ul.menu li > a { color:#444; display:block;padding:0px 9px;  }
ul.menu li > a:hover { color:#fff; background:#008CD6; }
.m_menu { display:none;}

.pro-menu { position:absolute; top:70px; left:140px;}
.pro-menu li { float:left; cursor:pointer; height:60px;}
.pro-menu li a{ display:block;width:100%;height:100%}
.pro-menu li:nth-child(1) { background:url(../images/btn_menu01_ara.png) no-repeat; width:150px;}
.pro-menu li:nth-child(1):hover { background:url(../images/btn_menu01b_ara.png) no-repeat;}
.pro-menu li:nth-child(2) { background:url(../images/btn_menu02_ara.png) no-repeat; width:151px;}
.pro-menu li:nth-child(2):hover { background:url(../images/btn_menu02b_ara.png) no-repeat;}
.pro-menu li:nth-child(3) { background:url(../images/btn_menu03_ara.png) no-repeat; width:235px;}
.pro-menu li:nth-child(3):hover { background:url(../images/btn_menu03b_ara.png) no-repeat;}
.pro-menu li:nth-child(4) { background:url(../images/btn_menu04_ara.png) no-repeat; width:149px;}
.pro-menu li:nth-child(4):hover { background:url(../images/btn_menu04b_ara.png) no-repeat;}
.pro-menu li:nth-child(5) { background:url(../images/btn_menu05_ara.png) no-repeat; width:148px;}
.pro-menu li:nth-child(5):hover { background:url(../images/btn_menu05b_ara.png) no-repeat;}
.searchForm{display: inline-block;}
.searchForm a{display: inline-block}
.searchForm *{vertical-align: top}
.footer-bg { background:url(../images/bg_footer.png) no-repeat top center; position:relative; margin-top:-35px; z-index:999; min-height:125px;}
.footer-logo { position:absolute; top:30px; right:10px; background:url(../images/logo-s.png) no-repeat 0px 0px; color:#3A3A3A; font-size:12px; padding:15px 0 10px 0; width:230px; height:90px;}
.footer-logo span { display:inline-block; padding-left:80px;}
.footer-pto { position:absolute; top:-115px; left:80px;}
.footer-link { padding-top:60px;}
.footer-link li { margin-right:20px; font-size:12px; line-height:22px; color:#fff;}
.footer-link li span { display:inline-block;}
.footer-link li a { color:#fff; }
.footer-link li a:hover { color:#fff;}
.footer-data { position:absolute; right:10px; top:140px; width:250px; color:#fff; font-size:13px; line-height:20px;}
.footer-data a, .footer-data a:hover { color:#fff;}
.footer-data span { display:inline-block;}




#gotop{ position: fixed; right:15px; bottom:120px; width:53px; height:61px; z-index:50000; cursor:pointer;}

.banner { }
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { display:none;}
.content-bg { background:url(../images/bg03.png) no-repeat bottom center; position:relative; z-index:499; padding-top:188px; }
.content-Box { max-width:984px; min-height:400px;}
.content-Box p { margin:20px 0;}
h1 { background:url(../images/bg_pafetitle.png) no-repeat bottom center; text-align:center; height:127px; padding-top:70px; color:#fff; font-size:22px; }
.content { background:url(../images/bg_page.png) top center repeat-y; padding:20px 35px; }
.path { color:#0097DE; font-size:13px; padding-bottom:20px;}
.path a { display:inline-block; background:url(../images/icon02.png) no-repeat 2px 6px; padding-left:15px; margin-left:5px; color:#5C5C5C;}
.path a:hover { color:#0097DE; }

.proauct_banner{display: none;}
.open{display:block;}
.proauct_banner img{width: 100%;box-shadow: 3px 2px 9px 0px #b2b1b1;border-radius: 15px;}
.products_category{margin: 30px auto;}
.products_category ul{display: flex; align-items: center; justify-content:space-evenly; flex-wrap: wrap;}
.products_category ul li{width: calc(100%/5);text-align: center;color:#008CD6;position: relative;display: block;padding: 5px 15px !important;border: 1px solid #008CD6;border-radius: 10px;margin: 15px 10px !important;font-weight: unset;min-height: 40px;
}
.products_category ul li:hover{background:#008CD6;color:#fff; }
.products_category ul li.resp-tab-active:hover::after{content: " ";width: 0;height: 0;border-style: solid;border-width: 8px 10px 0 10px;border-color: #008CD6 transparent transparent transparent;
position: absolute;bottom: -8px;left: 50%;margin-left: -8px;}
h2.products_category_title{background: #008CD6;width: 100%;padding: 5px 10px;color: #fff;display: flex;
align-items: center;margin: 10px 0;}
h2.products_category_title span{padding-right: 5px;}
h2.products_category_title span::before{content:url(../images/paw.png); }
.products_category_text{margin: 15px 0; padding: 5px;}
.products_category_text ul{padding-left: 15px;}
.products_category_text ul li{list-style: disc;}
.products_category_list ul li{display: flex;background: url(../images/line01.png) repeat-x bottom;padding-bottom: 20px;
margin-bottom: 50px;clear: both;}
.products_category_list ul li div:first-child{width: 40%;margin-right: 10px;}
.products_category_list ul li .list01-pto img{width: 100%;}
.products_category_list div span{display: block;color: #008CD6;font-size: 22px;padding-bottom: 30px;}
.products_category .resp-tabs-list li{font-size: 15px;}
#demoTab{ min-height: 400px;} 
#demoTab .products_category .resp-tabs-list li.resp-tab-active{background-color: #008cd6;color: #fff;}
.products_category_all.resp-tabs-container{background-color: unset;min-height: 300px;}
.products_category_all.resp-tabs-container .resp-tab-content{border: unset;}
.list01 li { background:url(../images/line01.png) repeat-x bottom; padding-bottom:20px; margin-bottom:50px; clear:both;}
.list01 li img { max-width:100%;}
.list01 li > div { float:left;}
.list01 li > div:first-child { width:346px; padding-right:20px; margin-bottom:10px;}
.list01 li > div:last-child { width:calc(100% - 346px); padding-right:10px;}
.list01 li b { display:block; color:#008CD6; font-size:22px; padding-bottom:30px;}
.btn02 { background:url("../images/bg_btn01.png") no-repeat scroll left top; text-align: center; text-transform: uppercase; color: #FFF; width: 190px; height: 47px; line-height: 47px; display: block;}
.btn02:hover { color:#fff;}
.list01-pto { padding: 20px 10px; border: 1px solid #00A0E0; background:#fff; border-radius:10px;}

.right-box { float:right; width:205px;}
.title02 { background:url(../images/bg_submenutop.png) no-repeat; height:80px; text-align:center; font-size:30px; color:#4C4B4B; padding-top:30px;}
.side_classLink { background:url(../images/bg_submenu.png) repeat-y; padding:0 5px 20px 5px;}
.side_classLink ul { width:100%; padding-top:10px; background:url(../images/eng_smtitle.jpg) no-repeat top center; background-size:contain; }
.side_classLink ul li { }
.side_classLink ul li > a { display:block; border-width:1px 0; border-color:#C1C1C1; border-style:dashed; color:#7E7E7E; font-size:20px; line-height:35px; padding:2px 10px;}
.side_classLink ul li > a:hover { color:#000;}
.side_classLink ul li > a.current { background:#999; color:#fff;}
.side_classLink ul li img { vertical-align:middle; display:inline-block; padding-right:8px;}
.side_classLink ul span { display:none; }
.side_classLink ul span a { display:block; background:url(../images/icon04.png) no-repeat 0px 7px; padding-left:10px; font-size:13px; line-height:20px; padding:2px 0 2px 12px; color:#7E7E7E; }
.side_classLink ul span a:hover, .side_classLink ul span a.current { color:#000; font-weight:bold; }
.side_classLink ul li.curpt span {display:block;padding:15px 0 15px 25px;}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}
.right-bottom {}

.left-box { float:left; width:calc(100% - 205px); padding-right:25px;}
.left-box p { margin:0 0 20px 0;}
.left-box img { max-width:100%;     margin: 0 15px;}
h4 { background:#0097DE; color:#fff; font-size:18px; padding:5px; font-weight:normal; margin-bottom:20px; clear:both; margin-top:35px;}
.list02 li { float:left; width:33.3%; padding:0 10px; margin-bottom:15px; text-align:center; }
.list02 li a { color:#4D4D4D; display:block; padding:20px 10px; border:1px solid #00a0e0; border-radius:10px; background:#fff; cursor:pointer; min-height:300px; }
.list02 li a:hover { color:#008DD8;}
.list02 li img { display:block; padding-bottom:20px; margin:0 auto;}
.list02 li span { border-top: 1px solid #6E6E6E; font-size:15px; padding:10px 0 5px 0; display:block;}
.money { font-size:14px; color:#333;}
.money b { display:inline-block; font-size:24px; color:#008DD8;}

.next-btn { text-align:right; padding-bottom:15px; padding-top:15px;}
.pro-box { }
.pro-b { width:100%;}
.pro-b-pto { border: 1px solid #008DD8; background:#fff; border-radius:10px; text-align:center; padding:30px 0;}
.pro-b-pto img { max-width:100%;}
.rslides { border: 1px solid #008DD8; background:#fff; border-radius:10px; text-align:center; padding:30px 0;}
.rslides_tabs { padding-top:10px;}
.rslides_tabs li { display:block; float:left; width:25%; padding:0 3px;}
.rslides_tabs li a img { border:1px solid #e8e8e8; width:100%; border-radius:8px;}
.pro-content { margin-top:10px;width:100%; font-size:15px; line-height:24px; }
.pro-content-top { border-bottom: 1px solid #979797; padding:10px 10px 0 10px; margin-bottom:20px;}
.pro-content-top div { padding-bottom:10px;}
.pro-content-top span { color:#008DD8; font-weight:bold; font-size:14px;}
.pro-content-top p { padding:10px 0 0 0;}
.pro-content-bottom { color:#333; font-size:14px; padding:0 5px;}
.price span { font-size:30px; font-weight:bold; color:#008DD8;}
.btn03{ background:url(../images/bg_btn01.png) no-repeat left top; text-align:center; text-transform:uppercase; color:#fff; width:190px; height:47px; line-height:52px; display:block; float:right;}

.show_title { font-size:14px; color:#008DD8; line-height:22px; padding:0 10px 10px 10px; font-weight:bold; line-height:22px; margin-bottom:5px;border-top: 1px solid #979797; padding-top:20px; margin-top:20px;}
.show_information { padding:0 10px;}
.show_information h3 { color:#000;}
.show_information img { max-width:100%; height:auto;}

.customNavigation { position:relative; z-index:998;}
.slide { width:89%; margin:0 auto;direction: ltr}
.prev { color:rgba(0,0,0,.5); position:absolute; left:-25px; margin-top: 120px; background:url(../images/arrow01.png); width:18px; height:106px;}
.next { color:rgba(0,0,0,.5); position:absolute; right:-25px; margin-top: 120px; background:url(../images/arrow01.png) top right; width:18px; height:106px;}
.prev:hover, .next:hover { color:rgba(0,0,0,.2);}
.owl-controls { display:none !important;}
.owl-item { text-align:center; padding:0 5px;}
.item { background:url(../images/carousel-bg.png) no-repeat top center; padding-top:10px;}
.item img { max-width:100%;}

.item a { color:#4D4D4D; display:block; padding:20px 10px; border:1px solid #00a0e0; border-radius:10px; background:#fff; cursor:pointer; min-height:300px; }
.item a:hover { color:#008DD8;}
.item img { display:block; padding-bottom:20px; margin:0 auto;}
.item span { border-top: 1px solid #6E6E6E; font-size:16px; padding:10px 0 5px 0; display:block;}

.datatable{ border-bottom:4px solid #008cd6;width:100%; margin-bottom:30px;border-right: 1px solid #ccc ;}
.datatable th{ text-align:left; background-color:#fff; color:#484848; font-size:16px; border-left: 1px solid #ccc ;border-bottom: 1px solid #ccc ; padding:3px 8px;}
.datatable td{ color:#484848; font-size:15px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc ;padding:3px 8px;}
.datatable .title{ font-size:20px; line-height:25px; background-color:#008cd6; color:#fff;}


.table_frame01
{overflow: auto;}


/*aboutus*/

.about_tab{width:100%;}
.about_tab img{max-width:100%;height:auto;}

@media only screen and (max-width: 960px) {
.top-Box { margin-top:25px;}
.logo { display:inline-block;}
.top-right { display:none;}
.top-right-rwd { font-size:13px; color:#444; padding-top:10px;}
.top-right-rwd a { color:#444;}
.top-right-rwd a:hover { color:#AACD06; text-decoration:underline;}
.top-right-rwd span { display:inline-block; margin-left:7px;}
.top-right-rwd span img { vertical-align:middle;}

ul.menu{ display:none;}
.m_menu{ display:block; position:absolute; height:31px; overflow:hidden; z-index:-1; margin-bottom:0px; text-align:right; top:45px; right:0; width:100%;}
.m_menu.active{ }
.m_menu a.main{ display:inline-block; padding:0 15px;  color:#403f3f; line-height: 30px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; font-size: 25px; }
.m_menu a.main i{ font-style:normal; font-family:FontAwesome; font-size:30px; position:relative; padding-left: 10px;top:3px;}
.m_menu ul.nav{ background:rgba(255,255,255,.90);}
ul.nav{margin-top: 30px;}
.m_menu ul.nav li{ font-weight:bold; padding:0; text-align:left; border-bottom:1px solid rgba(255,255,255,.2);}
.m_menu ul.nav li > a{ color:#444; display:block;padding:4px 9px; font-size:14px;}
.m_menu ul.nav li > a:hover { color:#fff; background:#008CD6; }
.m_menu ul.nav li > div { /*display:none;*/ margin:0 10px;}
.m_menu ul.nav li > div > a { display:block; padding:5px 15px; background:#8ECFEC; font-size:15px; color:#fff; border-bottom:1px dashed rgba(255,255,255,.7);}
.m_menu ul.nav li > div > a:hover { background:#008cd6; color:#fff;}
.m_menu ul.nav li:first-child { position:relative; top:auto; padding-top:10px; padding-bottom:5px;}

.pro-menu { display:none;}

.footer-bg { background-position:top right;}
.footer-link { padding-top:140px;}
.footer-logo { width:290px;}


.content-bg { padding-top:128px;}

}

@media only screen and (max-width: 768px) {
.footer-link { text-align:center;}
.footer-data { position:relative; top:auto; right:auto; padding:20px 0 0 15px; width:100%; text-align:center;}


.right-box { width:100%;}
.title02, .right-bottom { display:none;}
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative;}
.m_classLink a.main{ background: #AACD06; border:1px solid #D3D3D3; display:block; font-size:18px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; position:relative; padding-left: 10px; line-height: 30px;color:#4C4B4B; text-align:left; height: 30px;cursor:pointer; }
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:10px; top:50%; margin-top: -15px; color:#4C4B4B; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%;  /* position:absolute; */ z-index:999; margin-top:1px; background:#fff; }
.m_classLink ul li > a { display:block; border-width:1px 0; border-color:#C1C1C1; border-style:dashed; color:#7E7E7E; font-size:20px; line-height:35px; padding:2px 10px;}
.m_classLink ul li > a:hover { color:#000;}
.m_classLink ul li > a.current { background:#999; color:#fff;}
.m_classLink ul span { display:block; padding:15px 0 15px 25px; }
.m_classLink ul span a { display:block; background:url(../images/icon04.png) no-repeat 0px 7px; padding-left:10px; font-size:13px; line-height:20px; padding:2px 0 2px 12px; color:#7E7E7E;}
.m_classLink ul span a:hover, .m_classLink ul span a.current { color:#000; font-weight:bold; }
.m_classLink ul li.current02{ display:none; }


.content { padding:20px 15px;}
.left-box { width:100%; padding:0;}
.products_category ul li{width:100%;}
.products_category ul li a{ padding: 10px 15px;}
.products_category_all.resp-tabs-container h2.resp-accordion{border-top: 1px solid #008cd6 !important;color: #1869aa;font-size: 15px;
    border: 1px solid #008cd6;}
.products_category_all.resp-tabs-container h2.resp-tab-active span.resp-arrow{border-bottom: 12px solid #008cd6;}
.products_category_all.resp-tabs-container h2.resp-tab-active {background: #9ed8f6 !important;}
.resp-accordion .resp-arrow{border-top: 12px solid #008cd6;}



}

@media only screen and (max-width: 570px) {
.logo img { max-width:220px;}
.m_menu { top:12px;}
.footer-link { padding-left:15px; padding-right:15px;}
.footer-link li { width:99%;}


.content-bg { padding-top:68px;}
.list02 li { width:50%;}
.pro-b { width:100%;}
.pro-content { width:100%; padding:0;}
}

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


h1 { padding-top:60px;}
.list01 li > div:first-child { text-align:center;}
.list01 li > div:first-child, .list01 li > div:last-child { width:100%; padding-right:0;}
.list02 li { width:100%;}
.products_category_list ul li{flex-wrap: wrap;}
.products_category_list ul li div:first-child{width:80%;margin-bottom: 20px;}
}

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

	
}

/*NEWS*/
.news_table { width: 100%;}
.news_table td { color: #333333;  height: 25px; padding: 5px 15px; text-align: left;}
.news_table td.title {}
.news_table td.title a { color: #333333; font-size: 14px;font-weight: 700;}
.news_table td.title a:hover { color: #008dd8;}
.news_table td.date {color: #008dd8;font-size: 14px;}
.news_table tr.altrow {background-color: #ccc;}


/*FAQ*/

.faqlist {margin: 10px 0;}
.faqtitle { border: 1px solid #d7d7d7; }
.faqtitle a { color: #333; display: block; font-size: 15px; font-weight: 700; line-height: 26px; padding: 0 10px; }
.faqtitle a span { font-size: 18px; margin-right: 3px;}
.faqtitle a:hover { color: #008dd8; display: block;}
.faqtitle a.current {background-color: #008dd8; color: #fff; display: block;font-size: 15px;line-height: 26px;}
.faqmain {background-color: #eeeeee; border: 1px solid #d7d7d7; margin: 10px;padding: 13px; width: 95%; display: none;}
.faqmain span {clear: both;color: #333; font-size: 18px;}

/* download */
.download_table {font-size: 15px;line-height: 22px;text-align: left;background-color: #FFF;color: #666;}
.download_table th {color: #FFF;background-color: #008dd8;font-weight: bold;padding: 4px 6px;text-align: left;}
.download_table td {height: auto;text-align: left;padding:4px 8px;}
.download_table td a{color: #666;}

.download_table td a:hover {color: #14aed9;text-decoration: none;}
.download_table td a:active {color: #000;}
.download_table  tr.altrow {background-color: #EAEAEA;}

/*CONTACTUS*/
#contact{ padding:0px 10px;}
#contact h2{color:#008dd8;font-size:18px;line-height:35px;}


.contact_table { width:100%;clear:both;border-top: 1px solid #ccc;background:none;font-size: 15px;}
.contact_table th {width:35%;color: #FFF;font-weight:normal;background-color: #008dd8;text-align: left;padding-left: 10px;
	border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.contact_table td {width:65%;background:none;height: 24px;color: #484848;text-align: left;padding: 4px 0px 4px 10px;
	border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.contact_table input[type=text]{ width:100%;border:#999 1px solid;}
.contact_table select{ width:100%;}
.contact_table textarea{ width:100%;border:#999 1px solid;}


/*SITEMAP*/
#sitemap {padding: 15px 5px 20px 5px;overflow:hidden;height: auto;}
#sitemap a {text-decoration: none;}
#sitemap ul {margin:0px;list-style-type: none;line-height:18px;}
#sitemap ul li {padding: 5px 0px 0px 10px;float:left;}
#sitemap ul li a {margin: 0px;color: #e0002a;display: block;width: 600px;}
#sitemap ul li a:hover {color: #000;}
#sitemap ul ul {width:620px; margin:0px;}
#sitemap ul ul li a {width:620px;margin: 0px;padding: 0px;color: #888;display: block; clear:both;}
#sitemap ul ul ul {margin: 0px;padding: 5px 0px 0px 0px;width: 620px;}
#sitemap ul ul ul li {background: none;}
#sitemap ul ul ul li a {margin: 0px;padding: 0px;color: #484848;display: block;}
#sitemap ul ul ul ul li {list-style-type:none;}
#sitemap ul ul ul ul li a {width: auto;padding: 0 10px 0 0;margin: 0px 5px 0 0;border-right: 1px solid #999;color: #999;display: inline;float:left;}

/*DATATABLE*/
.datatable{ border-bottom:4px solid #008cd6;width:100%; margin-bottom:30px;border-right: 1px solid #ccc ;}
.datatable th{ text-align:left; background-color:#fff; color:#484848; font-size:16px; border-left: 1px solid #ccc ;border-bottom: 1px solid #ccc ; padding:3px 8px;}
.datatable td{ color:#484848; font-size:15px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc ;padding:3px 8px;}
.datatable .title{ font-size:20px; line-height:25px; background-color:#008cd6; color:#fff;}

@media only screen and (min-width: 768px) {
	.aboutus_1_1{width:35%;}
}
@media only screen and (max-width: 767px) {

	.aboutus_1_1{float:left;width: 100%;
		text-align: center;}
	.aboutus_1_2{float:left;}
	.aboutsus03-pic{width: 100%;text-align: center;}
}


/*這裡為響應式關於我們的Organization內頁*/
@media only screen and (min-width: 769px) {        /*空白背景+浮動文字*/
	.Org_bg{background-image: url(' http://www.global-pets.net/upload_files/organization-structure-new.jpg '); background-repeat: no-repeat; padding-top: 58%; background-size: cover; background-position: center;}
	.Org_block_1 {margin-top: 210px; margin-left: 325px; font-weight: bold;}
	.Org_block_2 {margin-top: 57px; margin-left: 215px; font-weight: bold;}
	.Org_block_3 {margin-top: 55px; margin-left: 83px; font-weight: bold; float: left;}
	.Org_block_4 {margin-top: 55px; margin-left: 93px; font-weight: bold; float: left;}
	.Org_block_5 {margin-top: 45px; margin-left: 85px; font-weight: bold; float: left;}
	.Org_block_6 {margin-top: 55px; margin-left: 87px; font-weight: bold; float: left;}
	.Org_block_7 {margin-top: 55px; margin-left: 82px; font-weight: bold; float: left;}
	.Org_block_8 {margin-top: 125px; margin-left: -613px; font-weight: bold; float: left;}
	.Org_block_9 {margin-top: 135px; margin-left: -483px; font-weight: bold; float: left;}
	.Org_block_10 {margin-top: 125px; margin-left: -353px; font-weight: bold; float: left;}
	.Org_block_11 {margin-top: 125px; margin-left: -210px; font-weight: bold; float: left;}
	.Org_block_12 {margin-top: -47px; margin-left: 645px; font-weight: bold; float: left;}
	.Org_block_13 {margin-top: 43px; margin-left: -600px; font-weight: bold; float: left;}
	.Org_block_14 {margin-top: 30px; margin-left: 92px; font-weight: bold; float: left;}
	.Org_block_15 {margin-top: 30px; margin-left: 70px; font-weight: bold; float: left;}
	.Org_block_16 {margin-top: 30px; margin-left: 63px; font-weight: bold; float: left;}
	.Org_block_17 {margin-top: 205px; margin-left: 690px; font-weight: bold;}
	.Org_block_18 {margin-top: 43px; margin-left: 223px; font-weight: bold; float: left;}
	.Org_block_19 {margin-top: 30px; margin-left: 385px; font-weight: bold; float: left;}

	
}
@media only screen and (max-width: 768px) {			/*空白背景+浮動文字*/
	.Org_bg{background-image: url(' http://www.global-pets.net/upload_files/organization-structure-new.jpg '); background-repeat: no-repeat; padding-top: 58%; background-size: cover; background-position: center;}

	.Org_block_1 {margin-top: 210px; margin-left: 280px; font-weight: bold;}
	.Org_block_2 {margin-top: 48px; margin-left: 175px; font-weight: bold;}
	.Org_block_3 {margin-top: 49px; margin-left: 56px; font-weight: bold; float: left;}
	.Org_block_4 {margin-top: 49px; margin-left: 86px; font-weight: bold; float: left;}
	.Org_block_5 {margin-top: 38px; margin-left: 74px; font-weight: bold; float: left;}
	.Org_block_6 {margin-top: 49px; margin-left: 75px; font-weight: bold; float: left;}
	.Org_block_7 {margin-top: 49px; margin-left: 68px; font-weight: bold; float: left;}
	.Org_block_8 {margin-top: 112px; margin-left: -570px; font-weight: bold; float: left;}
	.Org_block_9 {margin-top: 112px; margin-left: -450px; font-weight: bold; float: left;}
	.Org_block_10 {margin-top: 112px; margin-left: -330px; font-weight: bold; float: left;}
	.Org_block_11 {margin-top: 112px; margin-left: -198px; font-weight: bold; float: left;}
	.Org_block_12 {margin-top: -48px; margin-left: 575px; font-weight: bold; float: left;}
	.Org_block_13 {margin-top: 35px; margin-left: 80px; font-weight: bold; float: left;}
	.Org_block_14 {margin-top: 25px; margin-left: 75px; font-weight: bold; float: left;}
	.Org_block_15 {margin-top: 25px; margin-left: 65px; font-weight: bold; float: left;}
	.Org_block_16 {margin-top: 25px; margin-left: 52px; font-weight: bold; float: left;}
	.Org_block_17 {margin-top: 185px; margin-left: 615px; font-weight: bold;}
	.Org_block_18 {margin-top: 37px; margin-left: 185px; font-weight: bold; float: left;}
	.Org_block_19 {margin-top: 25px; margin-left: 348px; font-weight: bold; float: left;}
	
}

@media only screen and (max-width: 450px) {			/*文字合併背景*/
	.Org_bg{background-image: url(' http://www.global-pets.net/upload_files/organization-structure-new2.JPG '); background-repeat: no-repeat; padding-top: 58%; background-size: cover; background-position: center;}
	.Org_block_1 {display:none}
	.Org_block_2 {display:none}
	.Org_block_3 {display:none}
	.Org_block_4 {display:none}
	.Org_block_5 {display:none}
	.Org_block_6 {display:none}
	.Org_block_7 {display:none}
	.Org_block_8 {display:none}
	.Org_block_9 {display:none}
	.Org_block_10 {display:none}
	.Org_block_11 {display:none}
	.Org_block_12 {display:none}
	.Org_block_13 {display:none}
	.Org_block_14 {display:none}
	.Org_block_15 {display:none}
	.Org_block_16 {display:none}
	.Org_block_17 {display:none}
	.Org_block_18 {display:none}
	.Org_block_19 {display:none}
	
	/*
	.Org_block_1 {margin-top: 193px; margin-left: 135px; font-size:6px;}
	.Org_block_2 {margin-top: 15px; margin-left: 80px; font-size:6px;}
	.Org_block_3 {margin-top: 15px; margin-left: 30px; font-size:6px; float: left;}
	.Org_block_4 {margin-top: 15px; margin-left: 33px; font-size:6px; float: left;}
	.Org_block_5 {margin-top: 15px; margin-left: 25px;font-size:6px; float: left;line-height: 12px;}
	.Org_block_6 {margin-top: 15px; margin-left: 22px; font-size:6px; float: left;}
	.Org_block_7 {margin-top: 15px; margin-left: 15px; font-size:6px;float: left;}
	.Org_block_8 {margin-top: 55px; margin-left: -315px; font-size:6px; float: left;line-height: 12px;}
	.Org_block_9 {margin-top: 55px; margin-left: -253px; font-size:6px; float: left;}
	.Org_block_10 {margin-top: 55px; margin-left: -190px; font-size:6px; float: left;line-height: 12px;}
	.Org_block_11 {margin-top: 55px; margin-left: -120px; font-size:6px; float: left;line-height: 12px;}
	.Org_block_12 {margin-top: 55px; margin-left: -55px; font-size:6px; float: left;line-height: 12px;}
	.Org_block_13 {margin-top: 91px; margin-left: -308px; font-size:6px; float: left;}
	.Org_block_14 {margin-top: 92px; margin-left: -250px; font-size:6px; float: left;line-height: 12px;}
	.Org_block_15 {margin-top: 92px; margin-left: -190px; font-size:6px; float: left;line-height: 12px;}
	.Org_block_16 {margin-top: 92px; margin-left: -120px; font-size:6px; float: left;line-height: 12px;}
	.Org_block_17 {margin-top: 92px; margin-left: -40px; font-size:6px;line-height: 12px;}
	.Org_block_18 {margin-top: 15px; margin-left: 100px; font-size:6px; float: left;}
	.Org_block_19 {margin-top: -25px; margin-left: 308px; font-size:6px; float: left;line-height: 12px;}
	*/
}








/* Media Queries */
/* Card sizing */
/* Colors */
/* Calculations */
/* Placeholders */
@media (min-width: 1000px) {
	#timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after {
	  position: absolute;
	  content: "";
	  width: 0;
	  height: 0;
	  border-top: 15px solid transparent;
	  border-bottom: 15px solid transparent;
	}
  
	#timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before {
	  position: absolute;
	  content: "";
	  width: 9px;
	  height: 9px;
	  background-color: #bdbdbd;
	  border-radius: 9px;
	  box-shadow: 0px 0px 2px 8px #f7f7f7;
	}
  }
  /* Some Cool Stuff */
  .demo-card:nth-child(1) {
	order: 1;
  }
  
  .demo-card:nth-child(2) {
	order: 5;
  }
  
  .demo-card:nth-child(3) {
	order: 2;
  }
  
  .demo-card:nth-child(4) {
	order: 6;
  }
  
  .demo-card:nth-child(5) {
	order: 7;
  }
  
  .demo-card:nth-child(6) {
	order: 6;
  }

  .demo-card:nth-child(7) {
	order: 4;
  }
  
  /* Border Box */
  * {
	box-sizing: border-box;
  }
  
  /* Fonts */
  body {
	font-family: Roboto;
  }
  
  #timeline {
	padding: 30px 0;
	background: #f7f7f7;
	border-top: 1px solid rgba(191, 191, 191, 0.4);
	border-bottom: 1px solid rgba(191, 191, 191, 0.4);
  }
  #timeline h1 {
	text-align: center;
	font-size: 3rem;
	font-weight: 200;
	margin-bottom: 20px;
  }
  #timeline p.leader {
	text-align: center;
	max-width: 90%;
	margin: auto;
	margin-bottom: 45px;
  }
  #timeline .demo-card-wrapper {
	position: relative;
	margin: auto;
	
  }
  @media (min-width: 1000px) {
	#timeline .demo-card-wrapper {
	  display: flex;
	  
	  flex-flow: column wrap;
	  width: 900px;
	  height: 1150px;
	 
	}

	.demo-card .demo-card--step2{
		margin-top:-500px;
	}
  }
  #timeline .demo-card-wrapper::after {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	border-left: 1px solid rgba(191, 191, 191, 0.4);
  }
  @media (min-width: 1000px) {
	#timeline .demo-card-wrapper::after {
	  border-left: 1px solid #bdbdbd;
	}
  }
  #timeline .demo-card {
	position: relative;
	display: block;
	margin: 10px auto 80px;
	max-width: 94%;
	z-index: 2;
  }
  @media (min-width: 480px) {
	#timeline .demo-card {
	  max-width: 60%;
	  box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
	}
  }
  @media (min-width: 720px) {
	#timeline .demo-card {
	  max-width: 40%;
	}
  }
  @media (min-width: 1000px) {
	#timeline .demo-card {
	  max-width: 290px;
	  
	  margin: 90px;
	  margin-top: 45px;
	  margin-bottom: 45px;
	}
	#timeline .demo-card:nth-child(odd) {
	  margin-right: 520px;
	}
	#timeline .demo-card:nth-child(odd) .head::after {
	  border-left-width: 15px;
	  border-left-style: solid;
	  left: 100%;
	}
	#timeline .demo-card:nth-child(odd) .head::before {
	  left: 356px;
	}
	#timeline .demo-card:nth-child(even) {
	  margin-left: 520px;
	}
	#timeline .demo-card:nth-child(even) .head::after {
	  border-right-width: 15px;
	  border-right-style: solid;
	  right: 100%;
	}
	#timeline .demo-card:nth-child(even) .head::before {
	  right: 355px;
	}
	#timeline .demo-card:nth-child(2) {
	  margin-top: -935px;
	  margin-left: 522px;
	}
	#timeline .demo-card:nth-child(4) {
		margin-top: 55px;
		margin-left: 522px;
	  }
	#timeline .demo-card:nth-child(7) {
		margin-top:323px;
		
	}
	#timeline .demo-card:nth-child(5) {
		margin-top:-402px;
		
	}




	
  }
  #timeline .demo-card .head {
	position: relative;
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 400;
  }
  #timeline .demo-card .head .number-box {
	display: inline;
	float: left;
	margin: 15px;
	padding: 10px;
	font-size: 35px;
	line-height: 35px;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.17);
  }
  #timeline .demo-card .head h2 {
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: inherit;
	letter-spacing: 2px;
	margin: 0;
	padding-bottom: 6px;
	line-height: 1rem;
  }
  @media (min-width: 480px) {
	#timeline .demo-card .head h2 {
	  font-size: 100%;
	  line-height: 1.2rem;
	}
  }
  #timeline .demo-card .head h2 span {
	display: block;
	font-size: 0.6rem;
	margin: 0;
  }
  @media (min-width: 480px) {
	#timeline .demo-card .head h2 span {
	  font-size: 0.8rem;
	}
  }
  #timeline .demo-card .body {
	background: #fff;
	border: 1px solid rgba(191, 191, 191, 0.4);
	border-top: 0;
	padding: 15px;
  }
 
  #timeline .demo-card .body p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
  }
  #timeline .demo-card .body img {
	display: block;
	width: 100%;
  }
  #timeline .demo-card--step1 {
	background-color: #e65679;
  }
  #timeline .demo-card--step1 .head::after {
	border-color: #e65679;
  }
  #timeline .demo-card--step2 {
	background-color: #3ee9d1;
  }
  #timeline .demo-card--step2 .head::after {
	border-color: #3ee9d1;
  }
  #timeline .demo-card--step3 {
	background-color: #a582b5;
  }
  #timeline .demo-card--step3 .head::after {
	border-color: #a582b5;
  }
  #timeline .demo-card--step7 {
	background-color: #85b84c;
  }
  #timeline .demo-card--step7 .head::after {
	border-color: #85b84c;
  }

  #timeline .demo-card--step4 {
	background-color: #4d92eb;
  }
 .six {
	background-color:#fcb527;
  }
  #timeline .demo-card--step4 .head::after {
	border-color: #4d92eb;
  }

  .six .head::after {
	border-color: #fcb527;
  }
  #timeline .demo-card--step5 {
	background-color: #46b8e9;
  }
  #timeline .demo-card--step5 .head::after {
	border-color: #46b8e9;
  }

  @media (min-width: 810px) {
	.title{width:80%}
  	.date{width:20%}
  }

  @media (max-width: 600px) {
	.title{width:70%}
	.date{width:30%}
	.title_div{width:208px;
	white-space: nowrap;
	overflow-x: auto;
	white-space: nowrap;}
	}

  @media (max-width: 369px) {
	.title{width:64%}
	.date{width:36%}
	.title_div{width:158px;
	white-space: nowrap;
	overflow-x: auto;
	white-space: nowrap;}
  }
  @media (max-width: 938px)
  {
	#sitemap ul ul {width:300px; margin:0px;}
	#sitemap ul ul ul {margin: 0px;padding: 5px 0px 0px 0px;width: 450px;}
  }
  @media (max-width: 520px)
  {
	#sitemap ul ul {width:300px; margin:0px;}
	#sitemap ul ul ul {margin: 0px;padding: 5px 0px 0px 0px;width: 300px;}
  }
  @media (max-width: 370px)
  {
	#sitemap ul ul {width:300px; margin:0px;}
	#sitemap ul ul ul {margin: 0px;padding: 5px 0px 0px 0px;width:200px;}
  }