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

/*Reset your Style File*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input, textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul,li{ margin-top:0; margin-bottom: 0; padding-top:0; padding-bottom:0; list-style: none;}
ol,ul{padding-left: 0;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
a {color:#333; text-decoration: none;}
a:hover {color:#000; text-decoration: none;}
p{word-wrap: break-word;}



/*Header*/
.canon_logo img{width:81px; padding:15px 0px;}
.canon_sub_logo{padding:18px 0;}
.canon_sub_logo img{width: 114px;}
.navbar-default{background-color: transparent; border-color: transparent;}
.navbar-nav>li>a{line-height:30px; padding-top:16px; padding-bottom:16px; font-size: 1.6rem;}
.btn,.well,.panel {border-radius:0;}
.icon-bar, .navbar-default .navbar-toggle .icon-bar {background-color:#636e72;}
.navbar-trans .navbar-trans >.container-fluid {padding: 14px;color:#CC0000;}
.navbar-trans li>a:focus,.navbar-trans li.active {color:#333; background:#222;}
.navbar-trans a, .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a{color:#FFF;letter-spacing:1px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .dropdown-menu>li>a{color: #eee;}
.navbar-trans .form-control:focus {border-color: #eee;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);}
.scroll-down {border: 2px solid #FFF;border-radius: 50%;height: 50px;width: 50px;display: inline-block;padding: 7px;text-align: center;z-index:3; position: absolute; left: 50%; margin-left: -25px; bottom: 30px; color: #FFF;}
.top_banner_handle a:first-child{margin-right: 20px;}
.scroll-down i{margin-left:2px;}
.scroll-up {position: fixed;display: none;z-index: 999;bottom: 2em;right: 2em;}
.scroll-up a {background-color: rgba(135, 135, 135, 0.5);display: block;width: 35px;height: 35px;text-align: center;color: #fff;font-size: 15px;line-height: 30px;}
section {padding-top:40px;padding-bottom:40px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dropdown-menu>li>a[href='#']:hover{color:#cdcdcd; background-color:#222;}
.produts_logo{float: left; width:218px; padding-top:19px;}
.fixed_nav{position: fixed; width:100%; padding:0 15px!important; left: 0; background:#000;}
.guanggao{position:absolute; top: 80px; right: 30px; color: #333; z-index: 4;}




/*INDEX*/
footer {min-height:100px;padding-top:20px;padding-bottom:40px;}
footer .nav>li>a {padding: 3px;color: #CC0000;}
footer .nav>li>a:hover {background-color:transparent;color:#fff;}
#goto .scroll-down i{margin-left:-2px; color: #FFF}


/*COMMON*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mt20{margin-top:20px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.pb80{padding-bottom:80px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt80{padding-top:80px;}
.pr10{padding-right: 10px;}
.p-roud20{padding: 20px;}
.p-lr10{padding-left: 10px; padding-right: 10px;}
.p-lr20{padding-left: 20px; padding-right: 20px;}
.p-lr30{padding-left: 30px; padding-right: 30px;}
.p-top-10{top: 10%; bottom: auto!important;}
.mr10{margin-right:10px;}
.button{padding: 10px 15px; border-radius: 8px;}
.hspace{height:210px; background-color: rgba(0,0,0,0.7);}
.fomore{background:#000; display:inline-block; color:#CC0000; border-radius:4px; padding: 14px 25px; font-size:18px; text-shadow: none;}
a.fomore:hover{color:#CC0000; text-decoration:none;}
.break_line{border-top: 0; height: 1px; background-color: #ccc; width: 100%; margin: 0;}
.size12{font-size: 12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size: 18px;}
.size20{font-size:20px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.size30{font-size: 30px;}
.size33{font-size:33px;}
.size36{font-size:36px;}
.size40{font-size:40px;}
.size48{font-size:48px;}
.red{color:#FF0000;}
.pink{width:14px; height:14px; display:inline-block; background:#ffcccc;}
.blue{width:14px; height:14px; display:inline-block; background:#99ccff;}
.p2{font-size:11px; line-height: 16px;}
.pp20{padding: 20px;}
.pp30{padding: 30px;}
.redwb{background: #FF0000; padding:5px 10px; color: #FFF;  border-radius:5px;}
.bluewb{background: #0052CC; padding:5px 10px; color: #FFF;  border-radius:5px;}
.ff0000{background:#FF0000; color:#FFF;}
.icon10{width:10px; height: 10px; display:inline-block; margin-right: 5px;}
.lens-blue{background: #7dccf3;}
.lens-yellow{background: #fff000;}
.lens-orange{background: #f29600;}
.lens-purple{background: #910782;}
.black{color:#636e72;}
.position_r{right:40px; left:auto;}
.comment{color:#999;}
.border_CCC{padding: 10px; border:1px solid #CCC;}
.m-center{margin-left: auto; margin-right: auto; display: table;}
.tm05{opacity: 0.5;}
.tb-center{align-items: center;}

.color-blue{color: #bea1a5;border-color: #bea1a5!important;}
.color-blue-1{color: #005397;border-color: #005397!important;}
.color-white{color: #FFF!important;}
.color-orange{color: #bea1a5!important; border-color: #bea1a5!important;}
.color-coffe{color: #6A471C!important; border-color: #6A471C!important;}
.color-pink{color: #636e72;}
.color-yellow{color: #636e72; border-color: #636e72!important;}
.color-red{color: #19AAD1;}
.color-black{color: #636e72!important;  border-color: #636e72!important;}
.color-green{color: #bea1a5;  border-color: #bea1a5!important;}
.color-grenn-1{color: #00b28b;}
.bg-black{background-color: #636e72;}
.bg-pink{background-color: #a6cfe2;}
.bg-blue{background-color: #b7e3e4!important;}
.bg-blue-1{background-color: #bea1a5;}
.bg-blue-2{background-color: #a6cfe2;}
.bg-blue-3{background-color: #005397;}
.bg-orange{background-color: #facac0!important;}
.bg-orange-1{background-color: #bea1a5;}
.bg-green{background-color: #d3e8e1;}
.bg-green-1{background-color: #bea1a5;}
.bg-yellow{background-color: #efe8d8!important;}
.bg-yellow-1{background-color: #bea1a5;}
.bg-wyellow{background-color: #FFF2CC!important;}
.bg-white{background-color: #FFF;}
.bg-white-op5{background-color: rgba(255,255,255,0.5)}
.bg-red{background-color: #19AAD1;}
.bg-33cc{background-color: #33CCCC;}
.bg-gray{background-color: #FFF;}
.bg-red-1{background-color: #cc0000;}
.bg-travel-yellow{background-color: #FBE5D6;}
.bg-travel-blue{background-color: #DAE3F3;}
.bg-fullsize{background-color: #FACAC0;}
.bg-apsc{background-color: #DAE3F3!important;}
.inline-b{display: inline-block;}
.img-100w{width: 100%}
.prl0{padding-right: 0; padding-left: 0;}
.mlr15{margin-right: 15px; margin-left: 15px;}
.border-radius{border-radius: 8px; display: table; padding: 10px;}
.table-box{display: table; width: auto;}
.table-box *{display: inline-block;}
.phone-show{display: none;}
.shadow-black{text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.shadow-white{text-shadow: 0 1px 2px rgba(255,255,255,.6); }
.wp-100{width: 100%;}

/*FOOTER*/
#footer .copyright{color:#666; font-size:1.1rem; line-height: 2.3rem;}
#footer a:hover, #footer a:focus{text-decoration:none;}
.global{margin:18px 0;}
.global span{display: table-cell;}
.global .globe-icon{width: 12px; height: 12px; display: inline-block; background: url(../img/globe_m.png) no-repeat center center; background-size: 100% auto; padding: 0;}
.dropdown-menu .divider{background-color: #cdcdcd;}
.footer-social{background: #EFECDD;}
.relation img{border:1px solid #333; border-radius: 10px; margin-bottom:20px;}
.s_link{color: #333;}
ol.shop_link{list-style: none;}
.shop_link li a{color: #333!important;}
.shop_link li img{margin:0 auto;}
.share_info{text-align: center; width: 100%;  margin-bottom: 20px;}
#share_button{position:relative;width:88px; display:inline-block; }
#share_button a.addthis_button{ list-style:none; text-decoration:none; color:#333; font-size:14px;}
#share_button a,.share_parent a{text-indent:0; width:auto; height:auto;}
#share_button img, .share_parent img{width:auto;}
.container-fluid{position:relative;}

/*SEC_PAL*/
.sec_pal{width:50px; position:fixed; right: 0; top:50%; margin-top:-70px; z-index: 3}
.sec_pal ul{list-style:none;}
.sec_pal ul li{width:100%; margin-bottom:20px;}
.sec_pal ul li span{width:20px; height:20px; display:block; border-radius: 20px; background:#CED6E0;}
.sec_pal ul li.active span{background:#636e72;}


@media only screen and (min-width:1200px) and (max-width:1300px){

}

@media only screen and (min-width:992px) and (max-width:1199px){
    .sec_pal{width: 50px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sec_pal{width: 50px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {

}
@media only screen and (min-width: 412px) and (max-width: 599px) {

}
@media only screen and (min-width: 360px) and (max-width: 411px) {

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

}
@media only screen and (min-width: 320px) and (max-width: 599px) {
    #at15s{left: -85px!important;}
    .cus-iphone-1{width: 100%; float: none;}
    .phone-hidden{display: none;}
    .phone-show{display: inline-block; vertical-align: bottom; margin-bottom: -2px;}
    .guanggao{top: 93px; right: 15px;}
}

@media only screen and (max-width: 575px) {
    .col-xs-6{flex: 0 0 auto; width: 50%;}
}


/*IE8 9*/
@media \0screen {

}
@media screen and (min-width:0\0) {

}