@charset "utf-8";
/* CSS Document */
body{
	overflow-x:hidden; 
}
.center_span{
	width:100%;
	text-align: center;
}
.title{
	color:#9B1F24;
	padding-bottom: 4px;
	display:inline-block;
}
/*按鈕*/
.common_btn{
	color:#ffffff;
	padding:5px 45px 12px 39px;
	border-radius: 6px;
	display:inline-block;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.common_btn img{
	width:43px;
	margin:0 2px -15px 0;
}
/*顏色1*/
.btn_color1{
	background-color: rgba(155, 31, 36, 1);
}
.btn_color1:hover{
	background-color: rgba(124, 21, 24, 1);
}
/*顏色2*/
.btn_color2{
	background-color: rgba(0, 0, 0, 0.6)
}
.btn_color2:hover{
	background-color: rgba(0, 0, 0, 0.7)
}
/*顏色3 沒有變暗特效 縮小一點*/
.btn_color3{
	background-color: rgba(155, 31, 36, 1);
	padding:0px 28px 10px 24px !important;
}
.btn_color3:hover{
	background-color: rgba(155, 31, 36, 1);
}
/*以上共同*/
/*banner*/
.round_active {
	background-image: url(../img/index/round_click.png) !important;
}
.banner_pc_img{
	display: block;
}
/*banner 結束*/
/*div2*/
.div2_bgc1{
	background-color: rgba(155, 31, 36, 1);
}
.div2_bgc1:hover{
	background-color: rgba(124, 21, 24, 1);
}
.div2_bgc2{
	background-color: rgba(138, 185, 41, 1);
}
.div2_bgc2:hover{
	background-color: rgba(115, 154, 37, 1);
}
.div2_bgc3{
	background-color: rgba(231, 128, 18, 1);
}
.div2_bgc3:hover{
	background-color: rgba(192, 107, 18, 1);
}
.div2_bgc4{
	background-color: rgba(8, 104, 170, 1);
}
.div2_bgc4:hover{
	background-color: rgba(6, 85, 139, 1);
}
.div2_bgc5{
 background-color: rgba(242, 166, 49, 1);
}
.div2_bgc5:hover{
 background-color: rgba(201, 139, 45, 1);
}
.div2_bgc7{
 background-color: #D49BA8;
}
.div2_bgc7:hover{
 background-color:#C08497;
}
.div2_bgc6{
	background-color: rgba(127, 47, 36, 1);
}
.div2_bgc6:hover{
	background-color: rgba(99, 35, 29, 1);
}
.div2_in:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.div2_in_text{
	display: inline-block;
	vertical-align: middle;
}
/*div2 結束*/
/*div3*/
.div3_div{
	margin-bottom:20px; 
	float:left;
	cursor: pointer;
}
.div3_div:hover .div3_radius{
	background-color: rgba(124, 21, 24, 1);
}
.div3_div:hover .content_text1{
	color:#E68013;
}

.div3_radius{
	margin:0 auto;
	border-radius: 50%;
	background-color: rgba(155, 31, 36, 1);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.div3_title{
	width:100%;
	text-align: center;
	color:#a40000;
	margin-top:10px; 
}
.div3_content{
	margin-top:15px;
	display: none;
}
.div3_radius img{
	display: block;
}
/*div3 結束*/
/*div4*/
.div4_bg{
	background-image:url(../img/index/div4_bg.png);
	background-position:center;   
	background-repeat: no-repeat;
}
.div4_img_g img{
	width:49%;
}
.div4_img1{
	float: left;	
}
.div4_img2{
	float: right;
}
.Trophy_img{
	position: absolute;
	right: 50%;
	z-index: 0;
}
.div4_center_span{
    position: relative;
    z-index: 1;
}
/*div4 結束*/
/*div5 */
.div5_img1{
	background-image:url(../img/index/oi_img1.jpg);
}
.div5_img2{
	background-image:url(../img/index/oi_img2.jpg);
}
.div5_img3{
	background-image:url(../img/index/oi_img3.jpg);
}
.div5_img4{
	background-image:url(../img/index/oi_img4.jpg);
}
.div5_img5{
	background-image:url(../img/index/oi_img5.jpg);
}
.div5_img6{
	background-image:url(../img/index/oi_img6.jpg);
}
.div5_img7{
	background-image:url(../img/index/oi_img7.jpg);
}
.div5_img8{
	background-image:url(../img/index/oi_img8.jpg);
}
.div5_black{
	background-color: #000000;
	float:left;
	position: relative;
	overflow: hidden;
}
.div5_in1{
	position: absolute;
	color:#ffffff;
	text-align: center;
	z-index: 6;
}
.div5_in1:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.div5_in1_text{
	display: inline-block;
	vertical-align: middle;
}
.div5_in2{
	position: absolute;
	background-position:center;
	background-repeat: no-repeat;
	opacity: 0.8;
	z-index: 5;
}
/*div5 結束*/
/*div6*/
.div6_in{
	text-align: center;
	color:#000000; 
	display: inline-block;
	/*display: block;*/
}
.div6_in:hover{
	color:#E68013;
}
.div6_in img{
	width:100%;
	display: block;
}
.div6_in_text{
	display: inline-table;
}
/*div6 結束*/
/*div7*/
.p7_div{
	float:left;

}
.p7_div_text{
	width:100%;
	text-align: center;
	margin-top: 15px;
}
/*div7 結束*/
/*div8 */
.div8_img{
	width: 310px;
	float:left;
	margin-right:20px;
	margin-top: -85px;	
}
.div8_div{
	float:left;
}
.div8_in{
	margin-bottom: 20px;
	float:left;	
	text-align: left;
	cursor: pointer;
}
.div8_in_img{
	background-color: rgba(155, 31, 36, 1);
	background-position:center;   
	float:left;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.div8_in_title{
	color:rgba(155, 31, 36, 1);
	width:100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.div8_in_right{
	float:left;
}
.div8_in_text{
	margin-top: 5px;
	width:100%;
	color:#3e3a39;
	display: none;
}
.div8_in:hover .div8_in_right .div8_in_title{
	color: rgba(124, 21, 24, 1);
}
.div8_in:hover .div8_in_img{
	background-color: rgba(124, 21, 24, 1);
}
/*div8 結束*/
/*div9 */
.div9_div{
  width:80%;
}
.li_img{ 
  position:relative;
  float:left;
  color:#000000;
  cursor: pointer;
  margin-left: 2%;
  width:42%;
  margin-right: 1%;
  margin-bottom: 25px;
}
.li_img:hover{
  color:#E68013;
}
.li_img span {
  position:absolute; 
  top:0.1em; 
  left:-1.5em; 
}
.li_img span img{
  width:17px; 
}
.div9{
	position: relative;
  	opacity: hidden;
  	width: 100%;
	margin: 0 auto;
	background-image:url(../img/index/div9_bg.png);
	background-repeat: no-repeat;
	background-size: 1507px;
    background-position:center;
}
.li_img_add{
	width:100% !important;
}
/*div9 結束*/
/*div10 */
.div10{
	color:#000000;
	text-align: center;
	line-height:25px; 
}
/*div10 結束*/
/*div11 */
.inner_width_11{
	width: 994px;
	margin: -40px 3px 0 3px;	 
	padding:0px 0px 40px 0; 
}
.div11_in{
    width: 190.8px;
    float:left;
    margin-right: 10px;
}
.div11_title{
	margin: 40px 0 10px 0;
	color:#a40000;
}
a .div11_title{
	color:#a40000;
}
a:hover .div11_title{
	color: rgba(124, 21, 24, 1);
}
.div11_border{
	width:53px;
	height:3px;
	background-color: #E78012;
	margin-top: 10px;
}
.div11_ul{
	list-style-type:none;
	margin-left: -40px;
}
.div11_ul li{
	margin-top: 7px;
}
.div11_ul2{
	list-style-type:lower-alpha;
	margin-left: -14px;
}
.div11_ul2 li{
	margin-top: 7px;
}
.div11_ul li{
	color:#000000;
	cursor: pointer;
	margin-top: 7px;
}
.div11_ul li:hover{
  	color:#E68013;
}
.div11_ul2 li{
	color:#000000;
	cursor: pointer;
	margin-top: 7px;
}
.div11_ul2 li:hover{
  	color:#E68013;
}
.div11_no_hover:hover{
	color:#000000 !important;
	cursor: default;
}
/*div11 結束*/
/*div12 */
.div12_img{
	width:285px;
}
/*div12 結束*/
/*div13*/
.div13_banner{
	background-color: #000000;
	position: relative;
}
.div13_banner img{
	display: block;
	width: 100%;
}
.banner_round_div13{
	position: absolute;
	width: 100%;
	bottom: 5%;
	text-align: center;
}
.div13_round {
	width: 32px;
	height: 26.1818176px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/index/round.png);
	background-size: 100%;
	display: inline-block;
}
/*div13 結束*/
/*按鈕結束*/
@media screen and (min-width: 1000px) {
/*如果使用者之視窗寬度 >= 1000px，將會再載入這裡的 CSS。 電腦*/
.title{
	border-bottom: solid 3px #E78012;
	line-height: 43px;
	margin-bottom:37px;
	font-size: 30px;
	letter-spacing: 1.5px;
}
/*按鈕*/
.common_btn{
	padding:5px 45px 12px 39px;
}
.left_span{
	width:100%;
	text-align: left !important;
}
.right_span{
	width:100%;
	text-align: right !important;
}
/*以上共同*/
/*banner*/
.banner_pc {
	display: block;
}
.banner_ph {
	display: none;
}
.banner_round_div {
	position: absolute;
	margin-top: -10.3%;
	z-index: 5;
}
.round {
	width: 32px;
	height: 26.1818176px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/index/round.png);
	background-size: 100%;
	float: left;
}
/*.round:hover{
	background-image:url(../img/index/round_hover.png);
}*/
.down {
	position: absolute;
	width: 159px;
	height: 51.7306960px;
	margin-top: -6.5%;
	cursor: pointer;
	right: 50%;
	margin-right: -81px;
	background-repeat: no-repeat;
	background-image: url(../img/index/down.png);
	background-size: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.down:hover {
	width: 190.8px;
	height: 62.0768352px;
	margin-right: -99px;
}
/*banner 結束*/
/*div1*/
.div1_left{
	float:left;
	width:550px;
	margin-right:29px;
}
.div1_right{
	float:left;
	width:375px;
}
.div1_img{
	float:left;
	width:173px;
	height:244px;
	background-size: 100%;
	background-position:center;   
	background-repeat: no-repeat;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
}
.div1_left_text{
	margin-bottom: 10px;
}
.div1_img_div{
    position: absolute;
    bottom: 0;	
    background-color: rgba(0, 0, 0, 0.6);
    color:#ffffff;
    width: 100%;
	padding:19px 0;
	background-image:url(../img/index/div1_red.jpg);
	background-position:left;
	background-repeat: repeat-y; 
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;     
}
.div1_img:hover .div1_img_div{
    background-color: rgba(0, 0, 0, 0.8); 
}
.div1_red_text{
	width: 90%;
	margin-left: 10%;
}
.div1_right_div{
	width: 375px;
	height: 280px;
	text-align: left;
	overflow: hidden;
}
.div1_right_in{
	width: 100%;
	height: 80.5px;
	border-bottom:solid 1px #b5b5b6;
	padding: 17px 0 0 0 ;
	cursor: pointer;
}
.div1_right_in:hover .div1_right_content{
	color:#E68013;
}
.div1_right_in1{
	height: 80.5px !important;
	padding: 0 0 0 0 !important;	
}
.div1_right_content{
	color:#3e3a39;
	width: 100%;
	height:50px;
	overflow: hidden;
}
/*div1 結束*/
/*div2*/
.div2_in{
	background-image:url(../img/index/flower_img.png);
	background-size: 70%;
	background-position:right bottom;
	background-repeat: no-repeat;
	width:174.8px;
	height:156px;
	float:left;
	margin-right: 20px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color:#ffffff;
	text-align: center;
}
.div2_in2{
	width:467px;
	padding:20px 0 27px 0;
	text-align: center; 
	color:#ffffff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	background-color: rgba(149, 97, 52, 1);
	margin-right: 20px;
	/*margin-top: 78px; 2017/8/30 修改*/
    margin-top: 18px;
	float:left;
	cursor: pointer;
}
.div2_in2:hover{
	background-color: rgba(123, 79, 40, 1);
}
.div2_in2 img{
	width:53px; 
	margin-bottom: -18px;
	margin-right:5px; 
}

.div2_in3{
 width:100%;
 padding:20px 0;
 float:left;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -ms-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;
 color:#ffffff;
 text-align: center;
   display: block;
   margin-top: 18px;
}
.div2_in3 img{
 width:100px;
 display: block;
 margin:auto;
}
/*div2 結束*/
/*div3*/
.div3 .inner_width{
	text-align: center;
}
.div3_div{
	width:200px;
	margin-bottom:35px; 
	float:none;
	display: inline-block;
}
.div3_radius{
	width:120px;
}
/*div3 結束*/
/*div4*/
.div4_bg{
	background-size: 116%;   
}
.div4_img_g{
	margin:20px auto 0 auto;
	width: 290px;
}
.div4_img_g img{
	width:49%;
}
.Trophy_img{
	margin-right: -250px;  
	width:500px;
}
/*div4 結束*/
/*div5 */
.div5_change{
	width:223.5px;
	height:195px;	
}
.div5_change2{
	width:223.5px;
	height:195px;	
}
.div5_black{
	margin-right: 20px;
}
.div5_in2{
	background-size: 150%;
/*	width:223.5px;
	height:195px;*/
	width:223.5px;
	height:195px;
	margin-left:0px;
	margin-top:0px;
	transition: .3s ease-out;
}
.div5_black:hover .div5_in2{
/*	width:245.85px;
	height:214.5px;
	margin-left:-11.175px;
	margin-top:-9.5px;	*/
	width:268.2px;
	height:234px;
	margin-left:-22.35px;
	margin-top:-19.5px;	
	transition: .5s ease-out;
}
/*div5 結束*/
/*div6*/
.div6_in{
  width:138.3px;
  margin-right: 20px;
  margin-bottom:20px; 
}
.div6_in_text{
  margin-top: 10px;
}
/*div6 結束*/
/*div7 */
.p7_div{
	width:304.666666px;	
	margin-right:20px;
	margin-bottom:40px;
}
.p7_iframe{
	width:100%;
	height:300px;
}
/*div7 結束*/
/*div8 */
.div8_div{
  width: 624px;
}
.div8_in{
  width: 302px;
  margin-right: 20px;
  margin-bottom: 30px;
}
.div8_in_img{
  background-size: 113%;
  width:52px;
  height:52px;
  border-radius: 10px;
  margin-right: 15px;
}
.div8_in_text{
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 25px;
}
.div8_in_right{
  width:235px;
}
.div8_in_title{
	margin-top:11px; 
}
/*div8 結束*/
/*div9 */
/*.div9_div{
  width:70%;
}*/
.li_img{ 
  /*margin-left: 1%;*/
  /*width:26%;*/
  /*display: inline-block;*/
  /*margin-right: 1%;*/

}
.li_img span img{
  width:17px; 
}
.div9{
	background-size: 1507px;
}
/*div9 結束*/
/*div10 */
.inner_p10{
	padding:40px 0px 40px 0 !important; 
}
/*div10 結束*/
/*div12 */
.inner_width_12{
	width:664px;
	margin: 0 auto;	
	padding:65px 0px 40px 0;
}
.div12_left{
	width:350px;
	float:left;
}
.div12_right{
	width: 314px;
	float:left;
}
.div12_c{
	width: 260px;
	margin:0 auto 40px auto;
}
/*div12 結束*/
/*電腦版結束*/
}
@media screen and (max-width: 999px) {
.div1_img{
	float:left;
	width:32%;
	padding-top:45%;
	background-size: 100%;
	background-position:center; 
	background-repeat: no-repeat;  
	margin-right: 2%;
	position: relative;
	cursor: pointer;
}
.div1_left_text{
	margin-bottom: 10px;
}
.div1_img_div{
    position: absolute;
    bottom: 0;	
    background-color: rgba(0, 0, 0, 0.6);
    color:#ffffff;
    width: 100%;
	padding:19px 0;
	background-image:url(../img/index/div1_red.jpg);
	background-position:left;
	background-repeat: repeat-y; 	
	background-size:10px 100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;     
}
.div1_img:hover .div1_img_div{
    background-color: rgba(0, 0, 0, 0.8); 
}
}
 @media screen and (min-width: 667px) and (max-width: 999px) {
/*如果使用者之視窗寬度 >= 667px 和 <= 999px，將會再載入這裡的 CSS。平板*/
.div2_bgc6{
	width: 100% !important;
	background-size: 22% !important;
}
.title{
	border-bottom: solid 2px #E78012;
	line-height: 34px;
	margin-bottom:30px;
	font-size: 25px;
	letter-spacing: 1px;
}
/*按鈕*/
.common_btn{
	padding:3px 45px 12px 39px;
}
.left_span{
	width:100%;
	text-align: left !important;
}
.right_span{
	width:100%;
	text-align: right !important;
}
/*以上共同*/
/*banner*/
.banner_round_div {
	position: absolute;
	margin-top: -19.3%;
	z-index: 5;/*border: #000000 1px solid;*/
}
.banner_pc {
	display: block;
	width: 100% !important;
	overflow: hidden !important;
}
.banner_pc img {
	width: 130% /*!important;
	margin-left: -15% !important;*/
	margin-top: -7% !important;
}
.banner_ph {
	display: none;
}
.round {
	width: 32px;
	height: 26.1818176px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/index/round.png);
	background-size: 100%;
	float: left;
}
/*.round:hover{
	background-image:url(../img/index/round_hover.png);
}*/
.down {
	position: absolute;
	width: 159px;
	height: 51.7306960px;
	margin-top: -11.5%;
	cursor: pointer;
	right: 50%;
	margin-right: -81px;
	background-repeat: no-repeat;
	background-image: url(../img/index/down.png);
	background-size: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.down:hover {
	width: 190.8px;
	height: 62.0768352px;
	margin-right: -99px;
}
/*banner 結束*/
/*div1*/
.div1_left{
	float:left;
	width:100%;
}
.div1_right{
	float:left;
	width:100%;
}
.div1_red_text{
	width: 92%;
	margin-left: 8%;
}
.div1_right_div{
	width: 100%;
	text-align: left;
}
.div1_right_in{
	width: 100%;
	border-bottom:solid 1px #b5b5b6;
	padding: 8px 0 23px 0 ;
	cursor: pointer;
}
.div1_right_in:hover .div1_right_content{
	color:#E68013;
}
.div1_right_content{
	color:#3e3a39;
}
/*div1 結束*/
/*div2*/
.div2_in{
	background-image:url(../img/index/flower_img.png);
	background-size: 45%;
	background-position:right bottom;
	background-repeat: no-repeat;
	width:48%;
	height:150px;
	float:left;
	margin-right: 4%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color:#ffffff;
	text-align: center;
}
.div2_in2{
	width:100%;
	padding:14px 0 27px 0;
	text-align: center; 
	color:#ffffff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	background-color: rgba(149, 97, 52, 1);
	margin-right: 4%;
	margin-top: 15px;
	float:left;
	cursor: pointer;
}
.div2_in2:hover{
	background-color: rgba(123, 79, 40, 1);
}
.div2_in2 img{
	width:53px; 
	margin-bottom: -18px;
	margin-right:5px; 
}

.div2_in3 img{
 width:50px;
 display: block;
 margin:auto;
}
.div2_in3{
 width:100%;
 padding:14px 0;
 float:left;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -ms-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;
 color:#ffffff;
 text-align: center;
   display: block;
   margin-top: 15px;
}
/*div2 結束*/
/*div3*/
.div3 .inner_width{
	width: 102%;
	margin-left: -1%;
	text-align: center;
}
.div3_div{
	width:30%;
	margin-left:1%; 
	margin-right:1%;
	display: inline-block;
	float:none;
}
.div3_radius{
	width:50%;
}
/*div3 結束*/
/*div4*/
.div4_bg{
	background-size: 171%;   
}
.div4_img_g{
	margin:20px auto 0 auto;
	width: 290px;
}
.div4_img_g img{
	width:49%;
}
.Trophy_img{
	margin-right: -250px;  
	width:500px;
}
/*div4 結束*/
/*div5 */
.div5_change{
	width:48%;
	height:173px;	
}
.div5_change2{
	width:100%;
	height:173px;	
}
.div5_black{
	margin-right: 4%;
}
.div5_in2{
	background-size: 108%;
	width:100%;
	height:173px;	
	margin-left:0px;
	transition: .3s ease-out;
}
.div5_black:hover .div5_in2{
	width:120%;
	transition: .5s ease-out;
	margin-left:-10%;
}

/*div5 結束*/
/*div6*/
.div6_in{
  width:21%;
  margin-right: 3%;
  margin-bottom:20px; 
}
.div6_in_text{
  margin-top: 10px;
}
/*div6 結束*/
/*div7 */
.p7_div{
	width:48%;	
	margin-right:4%;
	margin-bottom:40px;
}
.p7_iframe{
	width:100%;	
	height:300px;
	margin-right:4%;
}
/*div7 結束*/
/*div8 */
.div8_div{
  width: 100%;
}
.div8_in{
  width: 48%;
  margin-right: 4%;
}
.div8_in_img{
  background-size: 113%;
  width:15%;
  padding-top: 15%;
  border-radius: 0.6em;
  margin-right: 5%;
}
.div8_in_right{
  float:left;	
  width:80%;
}
.div8_span{
	text-align: left !important;
}
.div8_in_text{
	font-size: 14px;
	letter-spacing: 0.7px;
	line-height: 25px;	
}
.div8_in_title{
	margin-top:4%; 
}
/*div8 結束*/
/*div9 */
/*.div9_div{
  width:70%;
  margin-left: 2%;
}*/
/*.li_img{ 
  margin-left: 2%;

  margin-right: 5%;
  display: inline-block;
}*/
.li_img span img{
  width:17px; 
}
.div9{
	background-size: 1304px;
}
/*div9 結束*/
/*div10 */
.inner_p10{
	padding:35px 0px 35px 0 !important; 	
}
/*div10 結束*/
/*div12 */
.inner_width_12{
	width:664px;
	margin: 0 auto;	
	padding:65px 0px 40px 0;
}
.div12_left{
	width:350px;
	float:left;
}
.div12_right{
	width: 314px;
	float:left;
}
.div12_c{
	width: 260px;
	margin:0 auto 40px auto;
}
/*div12 結束*/
/*平版結束*/
}
 @media screen and (max-width: 666px) {
/*如果使用者之視窗寬度 <= 666px，將會再載入這裡的 CSS。手機板*/
.div2_bgc6{
	width: 100% !important;
	background-size: 112.998px 100px !important;
}
.clear666{
	clear:left;
}
.title{
	border-bottom: solid 2px #E78012;
	line-height: 22px;
	margin-bottom:21px;
	font-size: 20px;
	letter-spacing: 1px;
}
/*按鈕*/
.common_btn{
	padding:2px 45px 12px 39px;
}
/*以上共同*/
/*banner*/
.banner_round_div {
	position: absolute;
	margin-top: -34.3%;
	z-index: 5;
}
.banner_pc {
	display: none;
}
.banner_ph {
	display: block;
}
.round {
	width: 32px;
	height: 26.1818176px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/index/round.png);
	background-size: 100%;
	float: left;
}
/*.round:hover{
	background-image:url(../img/index/round_hover.png);
}*/
.down {
	position: absolute;
	width: 159px;
	height: 51.7306960px;
	margin-top: -19.5%;
	cursor: pointer;
	right: 50%;
	margin-right: -81px;
	background-repeat: no-repeat;
	background-image: url(../img/index/down.png);
	background-size: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.down:hover {
	width: 190.8px;
	height: 62.0768352px;
	margin-right: -99px;
}
/*banner 結束*/
/*div1*/
.div1_left{
	float:left;
	width:100%;
}
.div1_right{
	float:left;
	width:100%;
}
.div1_red_text{
	width: 85%;
	margin-left: 15%;
}
.div1_right_div{
	width: 100%;
	text-align: left;
}
.div1_right_in{
	width: 100%;
	border-bottom:solid 1px #b5b5b6;
	padding: 8px 0 9px 0 ;
	cursor: pointer;
}
.div1_right_in:hover .div1_right_content{
	color:#E68013;
}
.div1_right_content{
	color:#3e3a39;
}
.div1_img_div{
	padding:10px 0;  
}
/*div1 結束*/
/*div2*/
.div2_in{
	background-image:url(../img/index/flower_img.png);
	background-size: 112.998px 100px;
	background-position:right bottom;
	background-repeat: no-repeat;
	width:48%;
	height:120px;
	float:left;
	margin-right: 4%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color:#ffffff;
	text-align: center;
}
.div2_in2{
	width:100%;
	padding:12px 0 27px 0;
	text-align: center; 
	color:#ffffff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	background-color: rgba(149, 97, 52, 1);
	margin-top: 15px;
	float:left;
	cursor: pointer;
}
.div2_in2:hover{
	background-color: rgba(123, 79, 40, 1);
}
.div2_in2 img{
	width:53px; 
	margin-bottom: -18px;
	margin-right:5px; 
}

.div2_in3 img{
 width:50px;
 display: block;
 margin:auto;
}
.div2_in3{
 width:100%;
 padding:14px 0;
 float:left;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -ms-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;
 color:#ffffff;
 text-align: center;
   display: block;
   margin-top: 15px;
}
/*div2 結束*/
/*div3*/
.div3 .inner_width{
	text-align: center;
	width: 102%;
	margin-left: -1%;
}
.div3_div{
	width:30%;
	margin-left: 1%;
	margin-right: 1%;
	float:none;
	display: inline-block;
}
.div3_radius{
	width:80%;
}
.div3_content{
	display: none;
}
.div3_title{
	color:#000000 !important;
}
/*div3 結束*/
/*div4*/
.div4_bg{
	background-size: 198%;   
}
.div4_img_g{
	margin:20px auto 0 auto;
	width: 290px;
}
.div4_img_g img{
	width:49%;
}
.Trophy_img{
	display: none;
}
/*div4 結束*/
/*div5 */
.div5_change{
	width:48%;
	height:120px;	
}
.div5_change2{
	width:100%;
	height:120px;	
}
.div5_black{
	margin-right: 4%;
}
.div5_in2{
	background-size: 150%;
	width:100%;
	height:120px;
	transition: .3s ease-out;
}
.div5_black:hover .div5_in2{
	width:120%;
	transition: .5s ease-out;
	margin-left:-10%;
}
/*div5 結束*/
/*div6*/
.div6_in{
  width:30%;
  margin-right: 2%;
  margin-bottom:20px; 
  display: none;
}
.div6_in_text{
  margin-top: 10px;
}
.div6_in_show{
	display: inline-block;
}
.div6_btn{
	width:22%;
	padding-top: 9%;
	background-image:url(../img/index/div6_btn.png);
	background-size: 100%;
	background-position:center;   
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.div6_btn:hover{
	background-image:url(../img/index/div6_btn_hover.png);
}
/*div6 結束*/
/*div7 */
.p7_div{
	width:100%;	
	margin-bottom:30px;
}
.p7_iframe{
	width:100%;
	height:300px; 
}
/*div7 結束*/
/*div8 */
.div8_div{
  width: 100%;
}
.div8_in{
  width: 48%;
}
.div8_in_img{
  background-size: 113%;
  width:10%;
  padding-top: 10%;
  border-radius: 0.4em;
  margin-right: 2%;
}
.div8_in_right{
  float:left;	
  width:88%;
}
.div8_in_text{
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 20px;	
}
/*div8 結束*/
/*div9 */
.div9_div{
  width:100%;
  margin-left: 3%;
}
.li_img{ 
  margin-left: 5%;
  width:43%;
  margin-right: 2%;
  margin-bottom: 25px;
  display: block;
}
.li_img span img{
  width:17px; 
}
.div9{
    background-image: none;
}
.phone_clear{
	clear:left;
}
/*div9 結束*/
/*div10 */
.inner_p10{
	padding:15px 0px 20px 0 !important;	
}
/*div10 結束*/
/*div12 */
.inner_width_12{
	width: 94%;
	margin: 0 3%;
	padding:25px 0px 20px 0;	
}
.div12_right{
	width: 100%;
	float:left;
}
.div12_c{
	max-width: 260px;
	margin:0 auto 30px auto;
}
/*div12 結束*/
/*手機版結束*/
}


/*較特殊調整*/

/*banner尺寸特別調整*/
@media screen and (min-width: 667px) and (max-width: 1024px) {
.banner_pc {
	width: 100%;
	overflow: hidden;
}
.banner_pc img {
	width: 130%;
	margin-left: -15%;
}
}
/*低於1024 網頁導覽隱藏*/
@media screen and (max-width: 1024px) {
.div11{
	display: none;
}	
}