@charset "utf-8";
/* CSS Document */

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

Title : CAG
 
Author : FOX DESIGN creative
URL: www.foxdesign.com.au

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

/*----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote, ul, li, h1,h2,h3,h4 { 
	margin:0; 
	padding:0; 
}

html { 
	margin:0; 
	padding:0; 
	overflow: -moz-scrollbars-vertical;
}


/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

body,td,th,p,li { font-family: 'Raleway', sans-serif, Microsoft YaHei, STXihei; font-weight:400; font-size:15px; line-height:24px; color: #8e8e8e; }
body {
 	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;
	padding-left: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;
	background-color:#FFF;
}

a { text-decoration:none; color: #8e8e8e; }
a:hover { color: #e30023;}

h1 {padding:0; font-family: 'Oswald', sans-serif, Microsoft YaHei, STXihei; font-size:30px; line-height:20px; color:#e30023; font-weight:700; }

h2 { font-family: 'Oswald', sans-serif, Microsoft YaHei, STXihei; font-size:30px; line-height:30px; color:#e30023; font-weight:700; padding-bottom:15px;}
h2 a:hover{ color:#f58220;}

h3 {font-family: 'Oswald', sans-serif, Microsoft YaHei, STXihei; font-size:30px; line-height:45px; color:#464646; font-weight:400; padding:10px 0;}
h3 a{ color:#F00}

h4 {font-family: 'Oswald', sans-serif, Microsoft YaHei,STXihei;  font-size:20px; line-height:30px; color:#000; font-weight:400;}
 
h5 {font-family: 'Oswald', sans-serif, Microsoft YaHei,STXihei;  font-size:20px; line-height:30px; color:#e30023;  font-weight:400;}

fieldset { 	border: 0; }

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}
a img{ border:none;}

hr{
	height:1px;
	background:#f0f0f0;
    border: solid #f0f0f0 1px;
 
}

p{ padding:0px; margin:0px; margin-bottom:12px;}

/* end of global*/

.wrap-out{ float:left; width:100%; height:50px; min-height:50px; }
html>body .wrap-out{ height:auto}
.wrap{ margin:0 auto; width:1200px; height:50px; min-height:50px;  }
html>body .wrap{ height:auto}
.wrap_general{ float: left; width:100%; height:auto;}
.wrap_40{ float: left; width:40%; height:auto;}
.wrap_50{ float: left; width:50%; height:auto;}
.wrap_60{ float: left; width:60%; height:auto;}

.more{ padding:6px 12px; background: #BABABA; color:#000000; border-radius:8px 0px 8px 0px; display:block; border:0; font-size:14px; line-height:20px; margin-top:40px; text-align:center; }
.more:hover{ background:#FFFFFF;color:#000000;} 


.btnSubmit{ padding:6px 12px; background: #BABABA; color:#000000; border-radius:8px 0px 8px 0px; display:block; border:0; font-size:22px; line-height:30px; margin-top:30px; text-align:center;text-transform:uppercase;  }
.btnSubmit a {text-decoration:none;}
.btnSubmit:hover{ background:#ef0f29;color:#ffffff;text-decoration:none;} 
	
/*----------------------------------------------------------------------------- 
all buttons
-----------------------------------------------------------------------------*/
.btn01{ float:left; width:205px; padding-right:45px; background:url(../images/btn_before.png); color:#FFF; background-position:right; text-align: center; line-height:39px; margin:14px 0 0 39px; font-size:18px;}
.btn01:hover, .btn01:focus, .btn01:active {color:#FFF; background: url(../images/btn_hover.png);  background-position:right;}

.btnInner{ float:right; width:205px; padding-right:45px; background: url(../images/btn_inner-before.png); color:#333130; background-position:right; text-align: center; line-height:39px; margin:14px 0 0 39px; font-size:18px;}
.btnInner:hover, .btnInner:focus, .btnInner:active {color:#FFF; background: url(../images/btn_inner-hover.png);  background-position:right;}



.btnForward{ width:100%; padding-right:45px; background:url(../images/btn_before.png); color:#FFF; background-position:right; text-align: center; line-height:39px; font-size:18px;  border:0; cursor:pointer;}
.btnForward:hover, .btnForward:focus, .btnForward:active{color:#FFF; background: url(../images/btn_hover.png);  background-position:right;}

.btnBackward{ width:100%; padding-left:45px; background:url(../images/btn-backward_before.png); color:#FFF; background-position:left; text-align: center; line-height:39px; font-size:18px;  border:0; cursor:pointer;}
.btnBackward:hover, .btnBackward:focus, .btnBackward:active{color:#FFF; background: url(../images/btn-backward_hover.png);  background-position:left;}

.btnDelete{ width:24px; height:24px; background:url(../images/cancel_btn.png); border:0; cursor:pointer;}
.btnDelete:hover{background: url(../images/cancel_btn-hover.png);}
 
/*----------------------------------------------------------------------------- 
top
-----------------------------------------------------------------------------*/
#top_left{float:left; width:218px; height:177px; text-align:center;}
#top_right{float:right; width:970px; height:177px;}
#top_version{width:950px; padding-right:20px; text-align:right; height:16px; padding-top:23px; color: #868686; margin-bottom:71px;}
#top_version a{color: #868686;} #top_version a:hover{ color: #e30023;}
 

#top_en{ float:right; width:120px; padding-right:20px; text-align:right; height:16px; padding-top:23px; color: #868686; margin-bottom:71px;}
#top_en a{color: #868686;} #top_en a:hover{ color: #e30023;}

#top-nav_wrap{ float:right; width:830px; height:45px; margin-bottom:35px; z-index:1000; position:relative; padding-top:15px;}
#nav_wrap{ float:right; width:970px; height:50px; position:relative;}

#top-nav{ float:right; width:970px; height:150px;}

 
 
/*----------------------------------------------------------------------------- 
home slide
-----------------------------------------------------------------------------*/
#slide_wrap{ float:left; width:100%; height:172px; min-height:172px; margin-bottom:30px; border-top:9px solid #e30023; text-align:center;}
html>body #slide_wrap{ height:auto;}

 
@media screen and (max-width: 1200px) {
#slide_wrap{width:1200px;}
 	}
 
/*----------------------------------------------------------------------------- 
home short cut
-----------------------------------------------------------------------------*/
.shortcut_wrap-left{ float: left; padding:25px; background:#FFF; width:330px; height:490px; margin:0px 30px 30px 0px; }
.shortcut_wrap-right{ float: right; padding:25px; background:#FFF; width:330px; height:490px; margin:0px 0px 30px 0px; }
.shortcut_top{ float:left; width:100%; height:107px; border-bottom:4px solid #f0f0f0; margin-bottom:20px;}
.shortcut_icon{ float: left; width:122px; height:107px;}
.shortcut_title{ float:left; width:208px; height:82px; padding-top:25px;}
.shortcut_title02{ float:left; width:208px; height:75px; padding-top:32px;}
.shortcut_content{ float:left; width:100%; height:359px;}
.shortcut_more{ float:left; width:100%; height:20px; line-height:20px; text-align:right; color:#e30023;}
.shortcut_more a{color:#464646;}
.shortcut_more a:hover{color:#e30023;}
 
.list-01 ul { padding:0; margin:0; list-style:none; display:block; width:100%;}
.list-01 li {padding:0; margin:0; padding-left: 25px; list-style:none; display:block;  margin-bottom:5px; background:url(../images/list_icon.png); background-repeat:no-repeat; background-position:left top;}
.list-01 li a{line-height:20px; font-weight:700;color: #262626;}
.list-01 li a:hover{color:#e30023;}
.list-01 li li {padding:0; margin:0; list-style:none; display:block; width:100%; margin-bottom:0; background:none;}
.list-01 li li a{padding-left: 10px; line-height:20px; background: none; font-weight:400;color: #262626;}
.list-01 li li a:hover{color:#e30023;} 
 
.list-02 ul { padding:15px 0; margin:0; list-style:none; display:block; width:100%;}
.list-02 li {padding:0; margin:0; padding-left: 25px; list-style:none; display:block;  margin-bottom:5px; background:url(../images/list_icon02.png); background-repeat:no-repeat; background-position:top left; line-height:20px; margin-bottom:12px;}
.list-02 li a{line-height:20px; font-weight:700;color: #262626;}
.list-02 li a:hover{color:#e30023;}
.list-02 li li {padding:0; margin:0; list-style:none; display:block; width:100%; margin-bottom:0; background:none;}
.list-02 li li a{padding-left: 10px; line-height:20px; background: none; font-weight:400;color: #262626;}
.list-02 li li a:hover{color:#e30023;} 
 

.list-03 ul { padding:15px 0; margin:0; list-style:none; display:block; width:100%; border-top:#CCC solid 1px;}
.list-03 li{ float:left; padding:10px 0; margin-left:2.5%; margin-right:2.5%; width:45%; list-style:none; display:block;  line-height:20px; border-bottom:#CCC solid 1px; text-align:center; background:none;}
 
/*----------------------------------------------------------------------------- 
inner page
-----------------------------------------------------------------------------*/
/*-left-*/
.inner_left{ float: left; width:31.66%; height:100px; min-height:100px;  margin-bottom:30px;}
html>body .inner_left{ height:auto;}

.inner_left-title{ float:left; width:93.5%; height: 20px; padding:25px 0 25px 6.5%; border-bottom:4px solid #f0f0f0; font-family: 'Oswald', sans-serif; font-size:20px; line-height:20px; font-weight:700; color:#464646;}

#leftnav{ float:left; width:100%; height:auto; margin-bottom:80px;}
.leftnav ul { padding:0; margin:0; list-style:none; display:block; width:100%; display:block;}
.leftnav li {margin:0; list-style:none;   display:block;}
.leftnav li a{padding-left: 55px;padding-top:10px; padding-bottom:10px; font-weight:700; color: #262626; line-height:19px; display:block; border-bottom:1px solid #f0f0f0;  background:url(../images/leftnav_icon.png); background-repeat:no-repeat; background-position:left center;}
.leftnav li a:hover{color:#e30023;}
.leftnav li.selected a{ }
.leftnav li.selected a:hover{color:#e30023;}

.leftnav li li {padding:0; margin:0; list-style:none; display:block; width:100%; margin-bottom:0; background:none;}
.leftnav li li a{padding-left: 55px; padding-top:8px; padding-bottom:8px; line-height:20px; background: none; font-weight:400;color: #262626;}
.leftnav li li a:hover{color:#e30023;} 
 
.leftnav li li.selected a{ }
.leftnav li li.selected a:hover{color:#e30023;}

 
 #left_enquire_wrap{ float:left; width:60%;  padding-left:40%; height:124px; background-image:url(../images/enquire_icon.png); background-color:#e1e1e1; background-repeat:no-repeat; border-radius: 20px 0px 20px 0px;}
 .left_enquire{ height:30px;  padding:47px 0; width:100%; background: url(../images/enquiry_bg.png); background-position:right;  background-repeat:no-repeat;}
 .left_enquire a{color:#e30023;  font-family: 'Oswald', sans-serif; font-size:26px; line-height:30px; font-weight:700;}
 
/*-right-*/
.inner_right{ float: right; width:65%; height:100px; min-height:100px;  margin-bottom:30px;}
html>body .inner_right{ height:auto;} 

.inner_right-title{ float:left; width:96.8%; height: 20px; padding:25px 0 25px 3.2%; border-bottom:4px solid #f0f0f0; font-family: 'Oswald', sans-serif; font-size:30px; line-height:20px; font-weight:700; color:#e30023; margin-bottom:30px;}

.inner_right-content{ float:left; width:93.6%; height: 20px; min-height:20px; padding:3.2%; margin-bottom:10px;}
 html>body .inner_right-content{ height:auto;}
 
 .inner_right-content a{ text-decoration:underline;}
  
.inner_right-content ul { padding:10px 0; margin:0; list-style:none; display:block; width:100%;}
.inner_right-content li {padding:0; margin:0; padding-left: 25px; list-style:none; display:block;  margin-bottom:5px; background:url(../images/list_icon02.png); background-repeat:no-repeat; background-position:top left; line-height:20px; margin-bottom:12px;}
.inner_right-content li a{line-height:20px; font-weight:700;color: #262626;}
.inner_right-content li a:hover{color:#e30023;}
.inner_right-content li li {padding:0; margin:0; list-style:none; display:block; width:100%; margin-bottom:0; background:none;}
.inner_right-content li li a{padding-left: 10px; line-height:20px; background: none; font-weight:400;color: #262626;}
.inner_right-content li li a:hover{color:#e30023;} 


.wrap_general ul { padding:10px 0; margin:0; list-style:none; display:block; width:100%;}
.wrap_general li {padding:0; margin:0; padding-left: 25px; list-style:none; display:block;  margin-bottom:5px; background:url(../images/list_icon02.png); background-repeat:no-repeat; background-position:top left; line-height:20px; margin-bottom:12px;}
.wrap_general li a{line-height:20px; font-weight:700;color: #262626;}
.wrap_general li a:hover{color:#e30023;}
.wrap_general li li {padding:0; margin:0; list-style:none; display:block; width:100%; margin-bottom:0; background:none;}
.wrap_general li li a{padding-left: 10px; line-height:20px; background: none; font-weight:400;color: #262626;}
.wrap_general li li a:hover{color:#e30023;} 

/*----------------------------------------------------------------------------- 
products
-----------------------------------------------------------------------------*/
 
/* product_detail form */
 
.product-detail_name{ float:left; width:98%; height:21px; line-height:21px; color:#000; margin-bottom:3px; padding-left:2%; }
.product-detail_field{ float:left; width:100%; height:31px; min-height:31px; margin-bottom:20px;} 
html>body  .product-detail_field{ height:auto}
#product-detail_submit{ float:left; width:100%; height:38px; }
.product-detail-sbn{float:left; width:205px; padding-right:45px; background:url(../images/btn_before.png); color:#FFF; background-position:right; text-align: center; line-height:39px; margin:14px 0 0 0px; font-size:18px; border:0; cursor:pointer;}
.product-detail-sbn:hover{ color:#FFF; background: url(../images/btn_hover.png);  background-position:right;}

 
.product-detail_inputfield-quote{ 
 border:none;
 padding:2px 1.154% 2px 3.846%;
 color: #000;
 line-height:27px;
 height:auto;
 width:95%;
 background:#FFF;
 font-size:15px;
}

.product-detail_inputfield_drop{ 
 border-width:0px;
 border:none;
 padding:3px 3px 3px 10px;
 line-height:31px;
 height:31px;
 width:100%;
 background:#FFF; 
 color: #000;
 text-align:center;
 cursor:pointer;
 display:block;
 font-size:15px;
}
  
/*----------------------------------------------------------------------------- 
partners
-----------------------------------------------------------------------------*/

#partners_wrap{ float: left; width:100%; height:100px; min-height:100px; background:#e8e8e8; text-align:center;}
html>body #partners_wrap{ height:auto}
#partners_wrap img{ padding:0 12px;}

@media screen and (max-width: 1200px) {
#partners_wrap{width:1200px;}
 	}
 
/*----------------------------------------------------------------------------- 
footer nav
-----------------------------------------------------------------------------*/
#footer_wrap-out{ float:left; width:100%; height:20px; height:20px; border-top: 5px solid #e30023; background:#d0d0d0;}
html>body #footer_wrap-out{ height:auto;}

@media screen and (max-width: 1200px) {
#footer_wrap-out{width:1200px;}
 	}
	
#footer_wrap{ margin:0 auto; width:1200px; height:20px; min-height:20px; padding-top:15px;}
html>body #footer_wrap{ height:auto;}

#champions{ float:left;   width:10%; height:180px; padding-left:15%;}
#footer_left{ float: left; width:20.33%;  height:160px; padding-top:30px; padding-left:17px; padding-bottom:10px;}
#footer_right{ float:left; width:46%; height:155px; padding-top:36px; padding-bottom:10px;}
 
.footer{ float:left; color:#464646; line-height:24px;}
.footer a {color:#464646;}

.footer-link{ color:#bcbcbc;}
.footer-link a {color:#a6a6a6;}
.footer a:hover, .footer-link a:hover{color:#e30023;}
 
/*quote form*/

#quote-form_wrap{margin:0 auto; width:90%; height:50px; min-height:50px;}
html>body #quote-form_wrap{ height:auto;}

#get-a-quote_01{ float:left; width:100%; height:38px; margin-bottom:7px;  }
#get-a-quote_02{float:left; width:100%; height:38px; margin-bottom:7px;}
#get-a-quote_03{float:right; width:100%; height:auto; margin-bottom:7px;}

.inputfield-quote
{ 
 border: solid 1px #d2d2d2;
 padding:10px 1%;
 font-family: 'Raleway', sans-serif; font-weight:400; font-size:15px; 
 line-height:16px;
 width: 97.5%;
 height: auto;
 color:#2f333a;
 background: #FFF;
}
.inputfield-quote03
{ 
 border: solid 1px #d2d2d2;
 padding:10px 1%;
  line-height:16px;
 width:97.4%;
 height:auto;
 color:#2f333a;
 background: #FFF;
}
.inputfield-quote-drop
{ 
 border: solid 1px #a8d3eb;
 padding:3px 3px 2px 5px;
 width: 100%;
 height:25px;
 color:#2f333a;
 background: #FFF;
 cursor:pointer;
}

#quote_btn {float:left; width:100%; height:36px; margin-top:10px; margin-bottom:40px; border-radius: 12px 0px 12px 0px; overflow:hidden;}

.quote_submit{ border:0; width:100%; height:36px; color: #FFF; font-size:16px; line-height:36px; text-align:center; background:#e30023;  }
.quote_submit:hover{color:#FFF; background:#0000;}
  
	
/*----------------------------------------------------------------------------- 
other pages
-----------------------------------------------------------------------------*/
  
/* responsive video! */	
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* video */	
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

  
	
/*----------------------------------------------------------------------------- 
Team 
-----------------------------------------------------------------------------*/
.team_wrap{ float:left; width:24%; height:auto; margin:4.66%; position: relative;} 
 
.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #ef0f29;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.team_wrap:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 17px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align:center;
}

.team_contents { float:right; width:65%; height:auto;}